extract-design-system
arvindrk / extract-design-system
About extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
Install extract-design-system
npx skills add https://github.com/arvindrk/extract-design-system --skill extract-design-system基本情報
What it does
Extracts color palettes, typography, spacing, radius, and shadow scales from a target URL using Playwright
Generates normalized JSON output and CSS token files ready for local project integration
Offers extraction-only mode to review raw primitives before generating starter assets, or init-only mode to regenerate tokens from existing extraction data
Includes safety checks: confirms public URL reachability, requires explicit confirmation before modifying existing design systems or app code, and sets clear expectations that results are initialization aids, not pixel-perfect reproductions
More skills in Design & UI
frontend-design
anthropics / skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
grill-me
mattpocock / skills
A relentless interview to sharpen a plan or design.
web-design-guidelines
vercel-labs / agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
grill-with-docs
mattpocock / skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-event
larksuite / cli
Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.
prototype
mattpocock / skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.