skillui 1.1.8 → 1.1.9

package/dist/cli.js

@@ -100917,14 +100917,65 @@ async function generateSkill(profile, designMdContent, outputDir, screenshotPath
     profile = { ...profile, fontSources: result.updatedSources };
     bundledFontCount = result.bundledCount;
   }
-  const skillMd = generateSkillMd(profile, screenshotPath, ultraResult);
-  fs13.writeFileSync(path14.join(skillDir, "SKILL.md"), skillMd, "utf-8");
   const finalDesignMd = bundledFontCount > 0 ? generateDesignMd(profile, screenshotPath) : designMdContent;
   fs13.writeFileSync(path14.join(refsDir, "DESIGN.md"), finalDesignMd, "utf-8");
+  let skillMd = generateSkillMd(profile, screenshotPath, ultraResult);
+  skillMd += embedReferenceFiles(refsDir, skillDir);
+  fs13.writeFileSync(path14.join(skillDir, "SKILL.md"), skillMd, "utf-8");
   const skillFile = path14.join(outputDir, `${skillDirName}.skill`);
   await createZip(skillDir, skillFile);
   return { skillDir, skillFile };
 }
+function embedReferenceFiles(refsDir, skillDir) {
+  let md = `
+---
+
+# Full Reference Files
+
+`;
+  md += `> All reference files are embedded below so Claude has complete context from /skills.
+
+`;
+  const refFiles = [
+    { file: "DESIGN.md", title: "Design System Tokens" },
+    { file: "ANIMATIONS.md", title: "Animations & Motion" },
+    { file: "LAYOUT.md", title: "Layout & Grid" },
+    { file: "COMPONENTS.md", title: "Component Patterns" },
+    { file: "INTERACTIONS.md", title: "Interactions & States" }
+  ];
+  for (const { file, title } of refFiles) {
+    const filePath = path14.join(refsDir, file);
+    if (!fs13.existsSync(filePath)) continue;
+    let content = fs13.readFileSync(filePath, "utf-8").trim();
+    if (content.startsWith("---")) {
+      const end = content.indexOf("---", 3);
+      if (end !== -1) content = content.slice(end + 3).trim();
+    }
+    md += `## ${title}
+
+`;
+    md += content + "\n\n";
+  }
+  const tokensDir = path14.join(skillDir, "tokens");
+  const tokenFiles = ["colors.json", "spacing.json", "typography.json"];
+  const tokenSections = [];
+  for (const tf of tokenFiles) {
+    const p = path14.join(tokensDir, tf);
+    if (!fs13.existsSync(p)) continue;
+    const raw = fs13.readFileSync(p, "utf-8").trim();
+    tokenSections.push(`### ${tf}
+\`\`\`json
+${raw}
+\`\`\``);
+  }
+  if (tokenSections.length > 0) {
+    md += `## Design Tokens (JSON)
+
+`;
+    md += tokenSections.join("\n\n") + "\n\n";
+  }
+  return md;
+}
 function generateSkillMd(profile, screenshotPath, ultraResult) {
   const bg = profile.colors.find((c) => c.role === "background");
   const surface = profile.colors.find((c) => c.role === "surface");
@@ -104559,7 +104610,7 @@ gradient.pastel = pastel;
 // src/ui.ts
 var import_cli_progress = __toESM(require_cli_progress());
 var path15 = __toESM(require("path"));
-var VERSION = "1.1.8";
+var VERSION = "1.1.9";
 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.8",
+  "version": "1.1.9",
   "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": {