# amaancoderx/npxskillui

Repository: https://github.com/amaancoderx/npxskillui
Canonical: https://ross.abutalabs.com/products/npxskillui
Homepage: https://skillui.vercel.app/
Language: TypeScript
License Family: other
Last push: 2026-05-07T18:54:10+00:00

## Health v2 (maintenance only)
Score: 51/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 81, release rhythm 35, longevity 10
- inputs: {"age_days": 141, "days_push": 118, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, young, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1688, forks 181 (observed 2026-08-28T04:05:22.033085+00:00)

## What it is
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
- artifact type: cli-tool
- maturity: active
- function: web-scraping, developer-tools, cli, parser, data-generation
- domain: web-development, frontend, developer-tools, web-design
- platform: cli, cross-platform
- tags: design-system-extraction, claude-code, design-tokens, static-analysis, playwright, skill-generation, command-line, nodejs

## Member repositories
- amaancoderx/npxskillui (main) score 51

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:22.033085+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:38:42.865072+00:00, confidence not recorded.
  - readme: https://github.com/amaancoderx/npxskillui (fetched 2026-08-28T04:05:22.033085+00:00, sha 4b6826fde1e7)
  - homepage: https://skillui.vercel.app/ (fetched 2026-08-29T11:13:55.048486+00:00, sha 878747801dca)
- Data as of 2026-08-30T08:39:29.467469+00:00.