OPEN_SOURCE ↗
YT · YOUTUBE// 2h agoOPENSOURCE RELEASE
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.
// ANALYSIS
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.
// TAGS
skilluicliai-codingcomputer-useautomationdevtoolopen-source
DISCOVERED
2h ago
2026-04-19
PUBLISHED
2h ago
2026-04-19
RELEVANCE
8/ 10
AUTHOR
Github Awesome