v0.1.0 — Initial Release

StyleSync CLI v0.1.0

Extract design systems and UI kits from live websites using AI.

What it does

Point StyleSync at any website URL and it generates:

• UI Kit HTML — Self-contained page with rendered components and token showcase
• Tailwind Config — Ready-to-use tailwind.config.ts from extracted tokens
• Design Tokens JSON — Colors, typography, spacing, shadows, borders, components
• Skill Markdown — Claude Code skill file for AI-assisted development
• Screenshot — Full-page capture of the target site

How it works

1. Fetch — Playwright loads the page, scrolls for lazy content, extracts computed styles and UI components
2. Analyze — Claude Opus interprets raw CSS data into semantically-named design tokens
3. Codegen — Claude Sonnet codes each component as production-quality HTML with inline styles
4. Export — Generates all output files

Prerequisites

• Node.js 20+
• Claude Code CLI installed with active subscription

Install

npm install -g stylesync-cli
stylesync https://example.com