skillui 1.1.4 → 1.1.5

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.4";
+var VERSION = "1.1.5";
 function padAnsi(str, width) {
   const raw = stripAnsi(str);
   return str + " ".repeat(Math.max(0, width - raw.length));
@@ -104755,7 +104755,7 @@ function showUltraPlaywrightError() {
   console.log("");
 }
 function showResults(data) {
-  const { profile, animations, skillFilePath, designMdPath, projectName } = data;
+  const { profile, animations, skillFilePath, designMdPath, projectName, skillInstalled } = data;
   const fontCount = new Set(profile.typography.map((t) => t.fontFamily)).size;
   const framework = profile.frameworks.map((f) => f.name).join(", ") || "none detected";
   const darkMode = profile.designTraits.hasDarkMode ? "detected" : "not detected";
@@ -104806,17 +104806,17 @@ function showResults(data) {
     }));
     console.log("");
   }
+  const skillLine = skillInstalled ? source_default.hex("#4ade80")("  \u2713 Skill auto-installed") + source_default.dim(" \u2014 type ") + source_default.hex("#38bdf8")("/skills") + source_default.dim(" in Claude Code to see it") : source_default.dim("  Copy SKILL.md to ") + source_default.hex("#38bdf8")("~/.claude/skills/" + projectName + ".md");
   const nextSteps = [
-    source_default.dim("  Install skill in Claude Code:"),
-    "    " + source_default.hex("#38bdf8")("claude skill install ./" + projectName + ".skill"),
+    skillLine,
     "",
-    source_default.dim("  Or drop DESIGN.md into your project and ask Claude:"),
-    "    " + source_default.dim('"Build me a UI that matches this design system"')
+    source_default.dim("  Then ask Claude:"),
+    "    " + source_default.dim('"Build me a UI that matches the ' + projectName + ' design system"')
   ].join("\n");
   console.log(boxen(nextSteps, {
     title: source_default.bold(" Next steps "),
     borderStyle: "round",
-    borderColor: "yellow",
+    borderColor: skillInstalled ? "green" : "yellow",
     width: 76,
     padding: { top: 0, bottom: 0, left: 0, right: 1 }
   }));
@@ -104973,12 +104973,14 @@ program2.name("skillui").description("Reverse-engineer design systems from any p
       succeedSpinner(spWrite, "DESIGN.md", designMdPath);
     }
     let skillFilePath;
+    let skillInstalled = false;
     if (shouldWriteSkill) {
       const spSkill = startSpinner("Bundling .skill package...");
       try {
         const result = await generateSkill(profile, designMdContent, path16.resolve(opts.out), screenshotPath, ultraAnimations);
         skillFilePath = result.skillFile;
         succeedSpinner(spSkill, ".skill package", skillFilePath);
+        skillInstalled = installSkillForClaude(result.skillDir, safeName);
       } catch (e) {
         failSpinner(spSkill, ".skill package", e.message);
         throw e;
@@ -104989,7 +104991,8 @@ program2.name("skillui").description("Reverse-engineer design systems from any p
       animations: ultraAnimations ?? void 0,
       skillFilePath,
       designMdPath,
-      projectName: safeName
+      projectName: safeName,
+      skillInstalled
     });
   } catch (err) {
     console.error(`
@@ -104999,6 +105002,20 @@ program2.name("skillui").description("Reverse-engineer design systems from any p
   }
 });
 program2.parse();
+function installSkillForClaude(skillDir, safeName) {
+  try {
+    const skillMdSrc = path16.join(skillDir, "SKILL.md");
+    if (!fs14.existsSync(skillMdSrc)) return false;
+    const homeDir = process.env.HOME || process.env.USERPROFILE || "";
+    const claudeSkillsDir = path16.join(homeDir, ".claude", "skills");
+    fs14.mkdirSync(claudeSkillsDir, { recursive: true });
+    const dest = path16.join(claudeSkillsDir, `${safeName}.md`);
+    fs14.copyFileSync(skillMdSrc, dest);
+    return true;
+  } catch {
+    return false;
+  }
+}
 /*! Bundled license information:
 
 tmp/lib/tmp.js:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skillui",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "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": {