SkillUI reverse-engineers design systems from URLs
SkillUI is a CLI that crawls websites, repos, or local codebases and extracts colors, typography, spacing, components, animations, and screenshots into a Claude-ready `.skill` bundle. Ultra mode adds Playwright-powered scroll captures and interaction diffs for richer visual context.
This is less a design tool than a context compiler for AI coding. The useful shift is turning a live interface into structured, reusable instructions that Claude Code can consume with almost no setup.
- –Static mode keeps the workflow lightweight: no API keys, no model calls, just HTML/CSS extraction and token packaging.
- –Ultra mode is the differentiator because Playwright-based captures let it infer motion, hover states, and layout behavior instead of only sampling styles.
- –The repo-first and local-project modes make it useful for cloning internal design languages, not just scraping public marketing sites.
- –The output format matters as much as the extraction: `CLAUDE.md`, `SKILL.md`, tokens, fonts, and screenshots make the result immediately actionable for agentic UI work.
- –The main limitation is obvious: visual fidelity depends on how much the site exposes in markup and how well the browser capture can observe behavior.
DISCOVERED
45d ago
2026-04-19
PUBLISHED
45d ago
2026-04-19
RELEVANCE
AUTHOR
Github Awesome