skillui 1.1.3 → 1.1.4

package/README.md

@@ -1,8 +1,14 @@
-# skillui
-
-**Reverse-engineer any design system. Pure static analysis — no AI, no API keys.**
+```
+ ░██████╗██╗░░██╗██╗██╗░░░░░██╗░░░░░██╗░░░██╗██╗
+ ██╔════╝██║░██╔╝██║██║░░░░░██║░░░░░██║░░░██║██║
+ ╚█████╗░█████═╝░██║██║░░░░░██║░░░░░██║░░░██║██║
+ ░╚═══██╗██╔═██╗░██║██║░░░░░██║░░░░░██║░░░██║██║
+ ██████╔╝██║░╚██╗██║███████╗███████╗╚██████╔╝██║
+ ╚═════╝░╚═╝░░╚═╝╚═╝╚══════╝╚══════╝░╚═════╝░╚═╝
+```
+> Reverse-engineer any design system. Pure static analysis. No AI, no API keys.
 
-Point `skillui` at any website, git repo, or local project and get exact colors, fonts, spacing, components, and animations — packaged as a `.skill` file Claude can read.
+Point skillui at any website, git repo, or local project and get exact colors, fonts, spacing, components, and animations packaged as a `.skill` file Claude can read.
 
 ```bash
 npm install -g skillui
@@ -16,7 +22,7 @@ skillui --url https://yoursite.com --mode ultra
 skillui crawls your target and extracts:
 
 | Output | Contents |
-|--------|----------|
+|---|---|
 | `DESIGN.md` | Colors, typography, spacing, border radius, components |
 | `ANIMATIONS.md` | CSS keyframes, scroll triggers, GSAP/Lottie/Three.js detection |
 | `LAYOUT.md` | Flex/grid containers, page structure, spacing relationships |
@@ -63,6 +69,7 @@ skillui --url https://linear.app --mode ultra
 ```
 
 Ultra mode adds:
+
 - 7 scroll journey screenshots showing the page at each scroll depth
 - Hover/focus interaction state diffs
 - Full CSS keyframe extraction
@@ -83,9 +90,7 @@ skillui --dir ./my-app
 skillui --repo https://github.com/org/repo
 ```
 
----
-
-## All flags
+### All flags
 
 ```
 skillui --url <url>           Crawl a live website
@@ -114,7 +119,7 @@ Then ask Claude:
 
 > "Build me a dashboard that matches the Linear design system"
 
-Claude will read DESIGN.md, ANIMATIONS.md, LAYOUT.md, COMPONENTS.md, and all scroll journey screenshots to reconstruct the exact visual language of the site.
+Claude will read `DESIGN.md`, `ANIMATIONS.md`, `LAYOUT.md`, `COMPONENTS.md`, and all scroll journey screenshots to reconstruct the exact visual language of the site.
 
 ---
 
@@ -174,12 +179,12 @@ skillui --url https://linear.app --out ./design-systems
 
 ## How it works
 
-skillui uses pure static analysis — no AI, no API keys, no cloud.
+skillui uses pure static analysis. No AI, no API keys, no cloud.
 
-1. **URL mode** — fetches HTML, crawls all linked CSS files, extracts computed styles via Playwright DOM inspection
-2. **Dir mode** — scans all `.css`, `.scss`, `.ts`, `.tsx`, `.js`, `.jsx` files for design tokens, Tailwind config, CSS variables, and component patterns
-3. **Repo mode** — clones the repo to a temp directory and runs dir mode
-4. **Ultra mode** — runs Playwright to capture scroll journey screenshots, detect animation libraries from `window.*` globals, extract `@keyframes` from `document.styleSheets`, capture hover/focus state diffs, and fingerprint DOM components
+- **URL mode** fetches HTML, crawls all linked CSS files, extracts computed styles via Playwright DOM inspection
+- **Dir mode** scans all `.css`, `.scss`, `.ts`, `.tsx`, `.js`, `.jsx` files 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 journey screenshots, detect animation libraries from `window.*` globals, extract `@keyframes` from `document.styleSheets`, capture hover/focus state diffs, and fingerprint DOM components
 
 ---
 
@@ -192,4 +197,4 @@ skillui uses pure static analysis — no AI, no API keys, no cloud.
 
 ## License
 
-MIT
+MIT

package/dist/cli.js

@@ -104561,7 +104561,7 @@ gradient.pastel = pastel;
 // src/ui.ts
 var import_cli_progress = __toESM(require_cli_progress());
 var path15 = __toESM(require("path"));
-var VERSION = "1.1.3";
+var VERSION = "1.1.4";
 function padAnsi(str, width) {
   const raw = stripAnsi(str);
   return str + " ".repeat(Math.max(0, width - raw.length));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skillui",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "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.",
   "main": "dist/cli.js",
   "bin": {