CldKit
HOMEEXPLORERECIPESSUBMITCLIAI CURATORSIGN IN
SIGN IN
CldKit
ExploreRecipesSubmitCLI·AboutPrivacyTerms

Built for AI developers. Every component reviewed.

© 2026 CldKit

Language
Home>Explore>Extract Design System

Extract Design System

74/100
MCP Server
by Arvind RK@arvindrk
MIT

Agent skill, CLI, and MCP server that extracts colors, typography, spacing, radius, and shadows from public websites into JSON and CSS variables.

Source

Review Scores

Security27/35Maintain.26/35Usability21/30
Security27/35
Maintain.26/35
Usability21/30
Evidence:
low
Reviewed May 1, 2026
Drifted

Reviewed Version

main@2026-04-30

Latest Version

1.5.11(drift)

Freshness

Reviewed on main@2026-04-30; latest is 1.5.11.

Scores reflect the version reviewed and may change with updates.

Security Audit - No Flags Reported

Audited May 1, 2026

Live verification

✗ FAILED @1.5.11Jun 13, 2026
$ cldkit mcp-test extract-design-system
MCP error -32000: Connection closed

Failed in two consecutive checks. The package may be unmaintained — consider alternatives.

Overview

When to Use

When NOT to Use

Configuration

Add to your Claude Desktop config:

npx skills add arvindrk/extract-design-system

Troubleshooting

Scenes

Tags

Used in Recipes

  • Visual Technical Briefing(Extracts visual tokens from a reference site)
  • Frontend Growth Launch(Extracts design token candidates)
  • Frontend AI Design Studio(Extracts token candidates and visual references)
MCP Server

Add to Claude

npx skills add arvindrk/extract-design-system

CldKit CLI

cldkit install extract-design-system
cldkit info extract-design-system

Install CLI: npm i -g @cldkit/cli

Version

1.5.11

Stars

24

License

MIT

Compatibility

claude-code
codex
cursor

Links

GitHub Source@arvindrk
design
frontend
design-tokens
css
mcp
frontend
style-extraction
Reviewed on vmain@2026-04-30 - latest is v1.5.11. Scores may not reflect the current version.