PluginStatsskillui weekly downloads statistics
By amaancoderx · npm · Claude Code
Reverse-engineer design systems from any website, repo, or project. Extracts colors, fonts, spacing, animations, and components - packaged as a .skill file for Claude. Pure static analysis, zero AI, zero API keys.
skillui has 1,092 recorded weekly downloads on npm, a decrease of 76.0% over the past 30 days.
It ranks #1376 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -67.6%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About skillui
Reverse-engineer any design system into a Claude-ready skill. Pure static analysis. No AI. No API keys.
One-shotted Notion's landing page in minutes with a single line prompt
https://github.com/user-attachments/assets/4d6b63f1-8042-44a2-8f4f-a92fedadcaf9
What is SkillUI?
SkillUI is a CLI that crawls any website, git repo, or local codebase and extracts its complete design system - colors, typography, spacing, animations, components, screenshots - packaged into a folder Claude Code reads automatically.
Open the output folder, type claude, and ask Claude to build your UI. It already knows the exact design system.
Install
Requires Node.js 18+
For ultra mode (full visual extraction with Playwright):
Quick Start
Claude automatically reads CLAUDE.md and SKILL.md - no manual setup needed. It uses the extracted colors, typography, spacing, components, animations, and screenshots to generate an HTML file matching the exact visual language of the site.
Modes
Default mode - pure static analysis
Extracts HTML, CSS, fonts, color tokens, spacing, and typography. Works on any site, no browser required.
Ultra mode - full cinematic extraction
Uses Playwright to capture scroll screenshots, interaction diffs, animation detection, layout analysis, and DOM component fingerprinting.
Dir mode - local project scan
Scans .css, .scss, .ts, .tsx, .js, .jsx for design tokens, Tailwind config, CSS variables, and component patterns.
Repo mode - clone and scan
Clones any public git repository and runs dir mode automatically.
What You Get
| Feature | Default | Ultra |
| Color tokens (CSS vars + JSON) | ✅ | ✅ | | Typography scale | ✅ | ✅ | | Spacing grid | ✅ | ✅ | | Google Fonts bundled locally | ✅ | ✅ | | CLAUDE.md + SKILL.md auto-generated | ✅ | ✅ | | .skill ZIP packaged | ✅ | ✅ | | 7 scroll journey screenshots | | ✅ | | Hover / focus interaction diffs | | ✅ | | CSS keyframes + animation detection | | ✅ | | Flex/grid layout extraction | | ✅ | | DOM component fingerprinting | | ✅ |
Output Structure
All Flags
Examples
Package Info
| | |
| Package | npmjs.com/package/skillui | | Latest version | 1.3.2 | | First published | April 8, 2026 | | Last updated | April 10, 2026 | | License | MIT | | Author | Amaan | | Homepage | skillui.vercel.app | | Issues | GitHub Issues |
Version History
View all 23 releases
| Version | Released |
| 1.3.2 ⬅ latest | April 10, 2026 | | 1.3.1 | April 10, 2026 | | 1.3.0 | April 10, 2026 | | 1.2.9 | April 10, 2026 | | 1.2.8 | April 10, 2026 | | 1.2.7 | April 10, 2026 | | 1.2.6 | April 10, 2026 | | 1.2.5 | April 10, 2026 | | 1.2.4 | April 10, 2026 | | 1.2.3 | April 10, 2026 | | 1.2.2 | April 10, 2026 | | 1.2.1 | April 9, 2026 | | 1.2.0 | April 9, 2026 | | 1.1.9 | April 9, 2026 | | 1.1.8 | April 9, 2026 | | 1.1.7 | April 9, 2026 | | 1.1.6 | April 9, 2026 | | 1.1.5 | April 9, 2026 | | 1.1.4 | April 8, 2026 | | 1.1.3 | April 8, 2026 | | 1.1.2 | April 8, 2026 | | 1.1.1 | April 8, 2026 | | 1.1.0 | April 8, 2026 |
How It Works
SkillUI uses pure static analysis. No AI, no API keys, no cloud - everything runs locally.
• URL mode - fetches HTML, crawls all linked CSS files, extracts computed styles via Playwright DOM inspection • Dir mode - scans .css, .scss, .ts, .tsx, .js, .jsx for design tokens, Tailwind config, CSS variables, and component patterns • Repo mode - clones the repo to a temp directory and runs dir mode • Ultra mode - runs Playwright to capture scroll screenshots, detect animation libraries from window.* globals, extract @keyframes from document.styleSheets, capture hover/focus state diffs, fingerprint DOM components
Requirements
• Node.js 18+ • For --mode ultra: Playwright (npm install playwright && npx playwright install chromium)
Links
• npm package • Landing page • Source code • Issues
License
MIT - built by Amaan
Description from the npm listing.
- design-system
- design-tokens
- static-analysis
- css
- tailwind
- cli
- claude
- claude-code
- skill
- ui
- figma
- reverse-engineer
- animations
- playwright
Where skillui sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (543)Similar npm Claude Code plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/skillui. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.