SkillUI

SkillUI

Extract a design system for Claude Code

Description

Asking Claude to build a page in some site's style usually means screenshots and descriptions, and the colors, type and spacing never quite match. SkillUI is a CLI that crawls any website, repo or local codebase and extracts its full design system into a folder Claude Code reads automatically.

The default mode is pure static analysis with no AI or API keys, while ultra mode uses Playwright for full visual extraction including animations and screenshots.

Features



Design tokens:Colors, typography, spacing, components and animations.

Ready for Claude:Outputs CLAUDE.md and SKILL.md.

Static analysis:No AI calls or API keys by default.