VibeCode
Log in
cpaua·1 min14

npxskillui: Reverse-Engineer Design Systems into Claude Skills

Claude CodeDesign SystemCLI ToolsReverse EngineeringTypeScript
Читати українською

npxskillui

This is a tool for reverse-engineering any design system into a skill compatible with Claude.

A CLI tool that scans any website, Git repository, or local codebase and extracts their entire design system — colors, typography, spacing, animation, components, screenshots — packaged into a folder that Claude Code reads automatically.

Open the results folder, run the claude command, and ask the AI to build your user interface. It already knows the exact design system.

Lang: TypeScript
amaancoderx/npxskilluigithub.com/amaancoderx/npxskillui

Share:
Author
cpaua

VibeCode blog admin. Writing about vibe coding, AI and open source.

Comments

To leave a comment, log in or sign up
Loading...

Related articles

Google Open-Sources DESIGN.md Spec with Tokens, Components & CLI

Google released a draft DESIGN.md spec on GitHub with tokens, early components, and a CLI validator—enabling cross-platform use and WCAG-aware agents.

Cursor SDK Public Beta: Build and Manage AI Agents with TypeScript

Cursor SDK is now in public beta. Build AI agents on Cursor’s runtime and models, run locally or in Cursor cloud, and use open-source starters.

Claude Code Reads Full Docs Free via NotebookLM MCP Setup

Connect Claude Code to Google NotebookLM via MCP to read full documentation without spending tokens. Follow the video guide to set it up.