npxskillui: Reverse-Engineer Design Systems into Claude Skills
npxskillui scans websites, repos, or local code to extract full design systems and package them as Claude-compatible skills for UI building.
npxskillui
This is a tool for reverse-engineering any design system into a skill compatible with Claude.
A CLI tool that scans any website, Git repository, or local codebase and extracts their entire design system — colors, typography, spacing, animation, components, screenshots — packaged into a folder that Claude Code reads automatically.
Open the results folder, run the claude command, and ask the AI to build your user interface. It already knows the exact design system.
Comments
Weekly digest
The best of vibe coding, AI agents and open source — once a week, no spam.
Related articles
All articlesClaude Code v2.1.198 Adds /dataviz Skill for Charts & Dashboards
Claude Code v2.1.198 introduces /dataviz: built-in chart and dashboard guidance plus an executable color palette validator for accessible visuals.
Claude Fable 5 Orchestrates Grok 4.5 via Claude Code Plugin
Use a free Claude Code plugin to make Grok 4.5 the default executor. Fable writes specs, reviews diffs, and runs parallel agents for faster coding.
Google Open-Sources DESIGN.md Spec with Tokens, Components & CLI
Google released a draft DESIGN.md spec on GitHub with tokens, early components, and a CLI validator—enabling cross-platform use and WCAG-aware agents.