Communitygithub.com

arvindrk/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.

What is extract-design-system?

extract-design-system is a Claude Code agent skill that 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.

Works withClaude CodeCodex CLICursor
npx skills add arvindrk/extract-design-system

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does extract-design-system do?

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.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Related Skills