skillui 1.1.1 → 1.1.2

package/dist/extractors/ultra/animations.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.captureAnimations = captureAnimations;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
+const playwright_loader_1 = require("../../playwright-loader");
 /**
  * Ultra mode — Full Animation Extractor
  *
@@ -67,13 +68,9 @@ async function captureAnimations(url, skillDir) {
         webglDetected: false,
         lottieCount: 0,
     };
-    let playwright;
-    try {
-        playwright = require('playwright');
-    }
-    catch {
+    const playwright = (0, playwright_loader_1.loadPlaywright)();
+    if (!playwright)
         return empty;
-    }
     const scrollDir = path.join(skillDir, 'screens', 'scroll');
     fs.mkdirSync(scrollDir, { recursive: true });
     const browser = await playwright.chromium.launch({ headless: true });

package/dist/extractors/ultra/components-dom.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.detectDOMComponents = detectDOMComponents;
+const playwright_loader_1 = require("../../playwright-loader");
 /**
  * Ultra mode — DOM Component Detector
  *
@@ -12,13 +13,9 @@ exports.detectDOMComponents = detectDOMComponents;
  * Requires Playwright (optional peer dependency).
  */
 async function detectDOMComponents(url) {
-    let playwright;
-    try {
-        playwright = require('playwright');
-    }
-    catch {
+    const playwright = (0, playwright_loader_1.loadPlaywright)();
+    if (!playwright)
         return [];
-    }
     const browser = await playwright.chromium.launch({ headless: true });
     try {
         const context = await browser.newContext({

package/dist/extractors/ultra/interactions.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.captureInteractions = captureInteractions;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
+const playwright_loader_1 = require("../../playwright-loader");
 const TRACKED_PROPS = [
     'backgroundColor',
     'color',
@@ -67,13 +68,9 @@ const INTERACTIVE_SELECTORS = [
  * Returns InteractionRecord[] for INTERACTIONS.md generation.
  */
 async function captureInteractions(url, skillDir) {
-    let playwright;
-    try {
-        playwright = require('playwright');
-    }
-    catch {
+    const playwright = (0, playwright_loader_1.loadPlaywright)();
+    if (!playwright)
         return [];
-    }
     const statesDir = path.join(skillDir, 'screens', 'states');
     fs.mkdirSync(statesDir, { recursive: true });
     const records = [];

package/dist/extractors/ultra/layout.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractLayouts = extractLayouts;
+const playwright_loader_1 = require("../../playwright-loader");
 /**
  * Ultra mode — DOM Layout Extractor
  *
@@ -13,13 +14,9 @@ exports.extractLayouts = extractLayouts;
  * Requires Playwright (optional peer dependency).
  */
 async function extractLayouts(url) {
-    let playwright;
-    try {
-        playwright = require('playwright');
-    }
-    catch {
+    const playwright = (0, playwright_loader_1.loadPlaywright)();
+    if (!playwright)
         return [];
-    }
     const browser = await playwright.chromium.launch({ headless: true });
     try {
         const context = await browser.newContext({

package/dist/extractors/ultra/pages.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.capturePageScreenshots = capturePageScreenshots;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
+const playwright_loader_1 = require("../../playwright-loader");
 /**
  * Ultra mode — Page & Section Screenshots
  *
@@ -47,13 +48,9 @@ const path = __importStar(require("path"));
  * Requires Playwright (optional peer dependency).
  */
 async function capturePageScreenshots(originUrl, skillDir, maxPages) {
-    let playwright;
-    try {
-        playwright = require('playwright');
-    }
-    catch {
+    const playwright = (0, playwright_loader_1.loadPlaywright)();
+    if (!playwright)
         return { pages: [], sections: [] };
-    }
     const pagesDir = path.join(skillDir, 'screens', 'pages');
     const sectionsDir = path.join(skillDir, 'screens', 'sections');
     fs.mkdirSync(pagesDir, { recursive: true });

package/dist/modes/ultra.js

@@ -46,6 +46,7 @@ const interactions_md_1 = require("../writers/interactions-md");
 const components_md_1 = require("../writers/components-md");
 const animations_md_1 = require("../writers/animations-md");
 const tokens_json_1 = require("../writers/tokens-json");
+const playwright_loader_1 = require("../playwright-loader");
 /**
  * Ultra mode orchestrator.
  *
@@ -72,15 +73,10 @@ async function runUltraMode(url, profile, skillDir, opts) {
     fs.mkdirSync(path.join(skillDir, 'screens', 'scroll'), { recursive: true });
     fs.mkdirSync(path.join(skillDir, 'references'), { recursive: true });
     fs.mkdirSync(path.join(skillDir, 'tokens'), { recursive: true });
-    let hasPlaywright = false;
-    try {
-        require.resolve('playwright');
-        hasPlaywright = true;
-    }
-    catch { /* not installed */ }
+    const hasPlaywright = (0, playwright_loader_1.loadPlaywright)() !== null;
     if (!hasPlaywright) {
-        process.stdout.write('\n  ⚠  Playwright not installed — ultra visual features skipped\n');
-        process.stdout.write('     Run: npm install playwright && npx playwright install chromium\n\n');
+        process.stdout.write('\n  ⚠  Playwright not found — ultra visual features skipped\n');
+        process.stdout.write('     Fix: npm install -g playwright && npx playwright install chromium\n\n');
         (0, tokens_json_1.writeTokensJson)(profile, skillDir);
         writeStubs(skillDir);
         const emptyAnim = emptyAnimResult();

package/dist/playwright-loader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Loads playwright from any location it might be installed:
+ * 1. Bundled with the CLI (peer dep)
+ * 2. In the user's cwd node_modules (local project install)
+ * 3. In the global npm prefix (npm install -g playwright)
+ *
+ * Returns the playwright module or null if not found anywhere.
+ */
+export declare function loadPlaywright(): any | null;
+//# sourceMappingURL=playwright-loader.d.ts.map

package/dist/playwright-loader.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadPlaywright = loadPlaywright;
+const path = __importStar(require("path"));
+const child_process_1 = require("child_process");
+/**
+ * Loads playwright from any location it might be installed:
+ * 1. Bundled with the CLI (peer dep)
+ * 2. In the user's cwd node_modules (local project install)
+ * 3. In the global npm prefix (npm install -g playwright)
+ *
+ * Returns the playwright module or null if not found anywhere.
+ */
+function loadPlaywright() {
+    // 1. Try standard require (works when playwright is in same node_modules tree)
+    try {
+        return require('playwright');
+    }
+    catch { /* fall through */ }
+    // 2. Try from cwd (user ran: npm install playwright in their project)
+    try {
+        const cwdPath = path.join(process.cwd(), 'node_modules', 'playwright');
+        return require(cwdPath);
+    }
+    catch { /* fall through */ }
+    // 3. Try from global npm prefix (npm install -g playwright)
+    try {
+        const globalRoot = (0, child_process_1.execSync)('npm root -g', {
+            encoding: 'utf-8',
+            stdio: ['ignore', 'pipe', 'ignore'],
+            timeout: 5000,
+        }).trim();
+        return require(path.join(globalRoot, 'playwright'));
+    }
+    catch { /* fall through */ }
+    return null;
+}
+//# sourceMappingURL=playwright-loader.js.map

package/package.json

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