YOU ARE VIEWING ONE ITEM FROM THE AICRIER FEED

SkillUI reverse-engineers design systems from URLs

AICrier tracks AI developer news across Product Hunt, GitHub, Hacker News, YouTube, X, arXiv, and more. This page keeps the article you opened front and center while giving you a path into the live feed.

// WHAT AICRIER DOES

7+

TRACKED FEEDS

24/7

SCRAPED FEED

Short summaries, external links, screenshots, relevance scoring, tags, and featured picks for AI builders.

SkillUI reverse-engineers design systems from URLs
OPEN LINK ↗
// 45d 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

45d ago

2026-04-19

PUBLISHED

45d ago

2026-04-19

RELEVANCE

8/ 10

AUTHOR

Github Awesome