npxskillui

SkillUI is a CLI that turns a website, repo, or local app into a Claude-ready design system. It helps teams capture colors, typography, spacing, and components for reuse in UI work.

Share on XNo license declared

Overview

SkillUI is a command-line tool that crawls a website, Git repository, or local project and extracts design tokens and component patterns. It packages the result into files Claude Code can read automatically, including colors, typography, spacing, motion, and screenshots. The goal is to make it easier to recreate or match an existing visual system without manual tracing or custom setup.

Key features

  • Extracts colors, typography, spacing, and layout tokens from any site or repo
  • Generates Claude-ready files such as CLAUDE.md and SKILL.md
  • Supports default static analysis and ultra Playwright capture
  • Scans local projects and public Git repositories

Best for

Best for designers and developers who need to match an existing interface or reuse a design system in a new UI build. It is useful when you want a fast starting point from a live site, repo, or local app without manual inspection.

Upstream
amaancoderx/npxskillui
Fork on GitHub
Guo-astro/npxskillui
Upstream stars
2.4k
Category
Developer tools and infrastructure
License
No license declaredWithout a license, the author keeps all rights. Ask the upstream owner before reusing the code.
Forked
2026-10-01
Sync status
In syncLast synced 2026-10-03