Skills/Agent Hub

extract-design-system

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.

License: MIT

Repository files

  • .codex-plugin/plugin.json
  • .cursor/mcp.json
  • .github/FUNDING.yml
  • .github/ISSUE_TEMPLATE/bug_report.yml
  • .github/ISSUE_TEMPLATE/feature_request.yml
  • .github/dependabot.yml
  • .github/pr-description-template.md
  • .github/pull_request_template.md
  • .github/workflows/ci.yml
  • .github/workflows/npm-publish.yml
  • .github/workflows/update-pr-description.yml
  • .gitignore
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • LICENSE
  • README.md
  • SECURITY.md
  • package-lock.json
  • package.json
  • scripts/generate-pr-description.ts
  • skills-lock.json
  • skills/extract-design-system/SKILL.md
  • skills/extract-design-system/references/outputs.md
  • skills/extract-design-system/references/workflow.md
  • src/adapters/dembrandt.ts
  • src/cli.ts
  • src/commands/audit.ts
  • src/commands/extract.ts
  • src/commands/init.ts
  • src/commands/write-design-system.ts
  • src/formatters/audit-report.ts
  • src/generators/css-vars.ts
  • src/matchers/color-matcher.ts
  • src/matchers/token-matcher.ts
  • src/mcp.ts
  • src/normalize/normalize.ts
  • src/scanners/file-scanner.ts
  • src/scanners/pattern-scanner.ts
  • src/schemas/audit.ts
  • src/schemas/normalized.ts
  • src/utils/files.ts
  • src/utils/logger.ts
  • src/utils/paths.ts
  • tests/audit-command.test.ts
  • tests/audit-report.test.ts
  • tests/cli-audit-integration.test.ts
  • tests/cli-entrypoint.test.ts
  • tests/cli-integration.test.ts
  • tests/cli-smoke.test.ts
  • tests/color-matcher.test.ts

Skills/Agent Hub