BACK_TO_FEEDAICRIER_2
SkillUI reverse-engineers design systems from URLs
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