# Install extract-design-system with npm

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI. Version 0.1.11 via npm; verified 2026-05-05.

## Install

```sh
sudo av install npm:extract-design-system
```

Additional install commands:

### Portable and language managers

- npm (100%):

```sh
npm install -g extract-design-system
```

  Evidence: local npm package metadata

## Package facts

- **Package key:** npm:extract-design-system
- **Package manager:** npm
- **Package manager page:** <https://www.npmjs.com/package/extract-design-system>
- **Version:** 0.1.11
- **Source summary:** Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
- **Homepage:** <https://github.com/arvindrk/extract-design-system#readme>
- **Repository:** <https://github.com/arvindrk/extract-design-system>
- **Upstream docs:** <https://github.com/arvindrk/extract-design-system#readme>
- **License:** MIT
- **Source archive:** <https://registry.npmjs.org/extract-design-system/-/extract-design-system-0.1.11.tgz>
- **Issue tracker:** <https://github.com/arvindrk/extract-design-system/issues>
- **Published:** 2026-05-05T21:35:01.804Z
- **Last updated:** 2026-05-05T21:35:01.804Z
- **Generated:** 2026-07-08T07:18:31+00:00

## Executables

- extract-design-system (cli)
- extract-design-system-mcp (cli)
- extract-design-system (alias)

## Dependencies

- @modelcontextprotocol/sdk
- commander
- dembrandt
- execa
- zod

## Build dependencies

- @types/node
- @vitest/coverage-v8
- tsx
- typescript
- vitest

## Install behavior

- Post-install hook: not defined
- Bottle: not available

## Freshness

- Page generated: 2026-07-08
- Package-manager version: 0.1.11
- Package-manager updated: 2026-05-05
- Local data: ok
- Upstream repository: https://github.com/arvindrk/extract-design-system
- info: No cached GitHub release or tag data was available.

## Security Notes

No matching local secret-handling manifest was found for extract-design-system. Nucleus package metadata is still published here so future coverage has a stable package URL.


## Source Database Details

- **Source Database:** npm registry
- **Dist Tags:** Latest: 0.1.11
- **Version Count:** 10
- **Maintainers:** arvind94
- **Author:** arvindrk
- **Publisher:** arvind94
- **Engines:** Node: >=20
- **Funding:** <https://github.com/sponsors/arvindrk>
- **Integrity:** sha512-NQfSYujydevsbM/zAHXlxqHDIV0dTP2dMv/FOghyc60hxs7UpAT2MwM6DTItPH3ACIQygEJza6IbASCh7X+Sjg==
- **Shasum:** 68eb2c741fb340c20baf3c4282a05240dfc275de
- **Unpacked Size:** 49,405
- **File Count:** 0
- **Created At:** 2026-03-22T19:48:16.159Z
- **Latest Published At:** 2026-05-05T21:35:01.804Z
- **Modified At:** 2026-05-05T21:35:01.908Z


## Related links

- [Developer build packages](https://www.automicvault.com/pkg/developer-build-tools/) - Matched curated package taxonomy and local package facts.
- [figma-console-mcp](https://www.automicvault.com/pkg/npm/figma-console-mcp/) - Local package facts share a topical domain. Shared terms: ai, claude, design, design-tokens, figma.
- [gitnexus](https://www.automicvault.com/pkg/npm/gitnexus/) - Local package facts share a topical domain. Shared terms: agent, ai, analysis, any, claude.
- [agent-afk](https://www.automicvault.com/pkg/npm/agent-afk/) - Local package facts share a topical domain. Shared terms: agent, any, commander, local, mcp.

## Sources

- Nucleus package database
- package-page enrichment
- package version freshness
- package relationship graph
- cross-ecosystem install command graph