amaancoderx/npxskillui

Health v2 · maintenance only

Flags: no_releases young no_license

Adoption not part of the score

1688 stars · 181 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

SkillUI is a Node.js CLI that crawls websites, git repos, or local codebases and extracts their complete design system (colors, typography, spacing, animations, components, screenshots) into a Claude Code-ready skill folder. It uses pure static analysis with an optional Playwright-powered ultra mode for visual extraction, requiring no AI or API keys.

Use cases

• extract a design system from any website url
• reverse-engineer a site's colors fonts and spacing into claude skill files
• clone a repo and scan it for design tokens
• scan a local project for tailwind config and css variables
• capture scroll screenshots and animations of a website
• generate matching ui in claude code from an extracted design system

When to choose

• you want to replicate or match an existing site's visual language in claude code
• you need design tokens extracted without api keys or cloud services
• you want automated screenshots, animation detection, and component fingerprints from a site

When to avoid

• you need a general-purpose web scraper rather than design-focused extraction
• you cannot install node.js 18+ or playwright for visual extraction
• you want a design tool with a gui rather than a cli workflow

Facets

cli-tool · maturity active

web-scraping developer-tools cli parser data-generation web-development frontend developer-tools web-design cli cross-platform design-system-extraction claude-code design-tokens static-analysis playwright skill-generation command-line nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="amaancoderx/npxskillui")