install

Additional install commands

Portable and language managers

npmverified · 100%

npm install -g extract-design-system

local npm package metadata

overview

Package 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.

Project links

Commands and aliases

extract-design-system
extract-design-system-mcp

security posture

No protected-tool coverage found yet

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.

Install behavior

No npm postinstall script is recorded in package metadata.
No Homebrew bottle metadata was recorded.
Installs with 5 runtime dependencies.
Build metadata lists 5 build dependencies.

Recommended review

Before unattended agent use, check whether the tool reads plaintext credentials, writes remote state, publishes artifacts, or shells out to plugins.

executables

Installed executables

Command	Kind	Exposure	Note
`extract-design-system`	cli	global executable
`extract-design-system-mcp`	cli	global executable

freshness

Version and freshness

These signals separate page generation age, package-manager activity, and upstream release comparison. Version lag is warned only when an evidence URL and comparable versions are present.

page generated2026-07-08

manager version0.1.11

manager updated2026-05-05

local dataok

upstreamnot checked

latest detectednot detected

https://github.com/arvindrk/extract-design-system

infoNo cached GitHub release or tag data was available.https://github.com/arvindrk/extract-design-systemnone confidence

install metadata

Package metadata

Package key	npm:extract-design-system
Version	0.1.11
Package manager	npm
Package manager page	https://www.npmjs.com/package/extract-design-system
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
Last updated	2026-05-05T21:35:01.804Z
Published	2026-05-05T21:35:01.804Z
Pulse	updated
Dependencies	@modelcontextprotocol/sdk, commander, dembrandt, execa, zod
Build dependencies	@types/node, @vitest/coverage-v8, tsx, typescript, vitest
Bottle	not recorded
npm postinstall	not defined
Service	none declared
Keywords	design-tokens, design-system, design-system-extraction, css-custom-properties, css-variables, color-palette, color-extraction, typography, token-generator, reverse-engineer, website-analysis, w3c-design-tokens, style-dictionary, tailwindcss, figma, agent-skill

registry facts

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

package graph

Links come from deterministic package relationships, av.db category and tag curation, ecosystem matches, and package hub membership.

source trail

Generated from repository data

This page is generated by av-web from the private package SQLite artifact built by scripts/generate-pkg-sqlite.py.

Used sources

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

Install extract-design-system with npm