skillui 1.1.2 → 1.1.4

package/dist/playwright-loader.d.ts

@@ -1,10 +0,0 @@
-/**
- * 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

@@ -1,71 +0,0 @@
-"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/dist/screenshot.d.ts

@@ -1,9 +0,0 @@
-/**
- * Capture a screenshot of a website using the microlink.io free API.
- * No API key required for basic usage.
- *
- * Saves screenshot to skillDir/screenshots/homepage.png
- * Returns the local relative path, or null if capture fails.
- */
-export declare function captureScreenshot(url: string, skillDir: string): Promise<string | null>;
-//# sourceMappingURL=screenshot.d.ts.map

package/dist/screenshot.js

@@ -1,94 +0,0 @@
-"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.captureScreenshot = captureScreenshot;
-const fs = __importStar(require("fs"));
-const path = __importStar(require("path"));
-/**
- * Capture a screenshot of a website using the microlink.io free API.
- * No API key required for basic usage.
- *
- * Saves screenshot to skillDir/screenshots/homepage.png
- * Returns the local relative path, or null if capture fails.
- */
-async function captureScreenshot(url, skillDir) {
-    try {
-        const screenshotsDir = path.join(skillDir, 'screenshots');
-        fs.mkdirSync(screenshotsDir, { recursive: true });
-        // microlink.io with embed=screenshot.url returns the image bytes directly
-        const apiUrl = `https://api.microlink.io?url=${encodeURIComponent(url)}&screenshot=true&meta=false&embed=screenshot.url&waitFor=2000`;
-        const res = await fetch(apiUrl, {
-            headers: { 'User-Agent': 'skillui/1.0' },
-            signal: AbortSignal.timeout(25000),
-        });
-        if (!res.ok)
-            return null;
-        const contentType = res.headers.get('content-type') || '';
-        // The embed=screenshot.url mode returns image bytes directly
-        if (contentType.startsWith('image/')) {
-            const buffer = Buffer.from(await res.arrayBuffer());
-            if (buffer.length < 1000)
-                return null;
-            const ext = contentType.includes('png') ? 'png' : 'jpg';
-            const destPath = path.join(screenshotsDir, `homepage.${ext}`);
-            fs.writeFileSync(destPath, buffer);
-            return `screenshots/homepage.${ext}`;
-        }
-        // Fallback: try JSON response (without embed param behaviour)
-        const text = await res.text();
-        try {
-            const json = JSON.parse(text);
-            const screenshotUrl = json?.data?.screenshot?.url;
-            if (!screenshotUrl)
-                return null;
-            const imgRes = await fetch(screenshotUrl, { signal: AbortSignal.timeout(20000) });
-            if (!imgRes.ok)
-                return null;
-            const buffer = Buffer.from(await imgRes.arrayBuffer());
-            if (buffer.length < 1000)
-                return null;
-            const destPath = path.join(screenshotsDir, 'homepage.jpg');
-            fs.writeFileSync(destPath, buffer);
-            return 'screenshots/homepage.jpg';
-        }
-        catch {
-            return null;
-        }
-    }
-    catch {
-        return null;
-    }
-}
-//# sourceMappingURL=screenshot.js.map

package/dist/types-ultra.d.ts

@@ -1,157 +0,0 @@
-export interface UltraOptions {
-    /** Max pages to crawl (default: 5) */
-    screens: number;
-}
-export interface PageScreenshot {
-    url: string;
-    slug: string;
-    /** Relative path inside skillDir: screens/pages/[slug].png */
-    filePath: string;
-    title: string;
-}
-export interface SectionScreenshot {
-    page: string;
-    index: number;
-    /** Relative path inside skillDir: screens/sections/[page]-section-[index].png */
-    filePath: string;
-    selector: string;
-    height: number;
-    width: number;
-}
-export interface StyleSnapshot {
-    backgroundColor: string;
-    color: string;
-    borderColor: string;
-    borderWidth: string;
-    boxShadow: string;
-    opacity: string;
-    transform: string;
-    outline: string;
-    outlineColor: string;
-    textDecoration: string;
-    transition: string;
-}
-export interface StyleDiff {
-    property: string;
-    from: string;
-    to: string;
-}
-export interface InteractionRecord {
-    componentType: 'button' | 'link' | 'input' | 'role-button';
-    label: string;
-    selector: string;
-    index: number;
-    screenshots: {
-        default?: string;
-        hover?: string;
-        focus?: string;
-    };
-    hoverChanges: StyleDiff[];
-    focusChanges: StyleDiff[];
-    transitionValue: string;
-}
-export interface LayoutRecord {
-    tag: string;
-    selector: string;
-    display: string;
-    flexDirection: string;
-    flexWrap: string;
-    justifyContent: string;
-    alignItems: string;
-    gap: string;
-    rowGap: string;
-    columnGap: string;
-    padding: string;
-    margin: string;
-    gridTemplateColumns: string;
-    gridTemplateRows: string;
-    maxWidth: string;
-    width: string;
-    height: string;
-    position: string;
-    childCount: number;
-    depth: number;
-}
-export interface DOMComponent {
-    name: string;
-    pattern: string;
-    instances: number;
-    commonClasses: string[];
-    htmlSnippet: string;
-    category: 'card' | 'list-item' | 'nav-item' | 'form-field' | 'button' | 'badge' | 'unknown';
-}
-export interface KeyframeStop {
-    stop: string;
-    properties: Record<string, string>;
-}
-export interface ExtractedKeyframe {
-    name: string;
-    stops: KeyframeStop[];
-    usedBy: string[];
-    animDuration?: string;
-    animEasing?: string;
-    animDelay?: string;
-    animIteration?: string;
-    animFillMode?: string;
-    animDirection?: string;
-}
-export interface ScrollFrame {
-    scrollPercent: number;
-    scrollY: number;
-    pageHeight: number;
-    filePath: string;
-}
-export interface DetectedLibrary {
-    name: string;
-    version?: string;
-    type: 'animation' | 'scroll' | 'physics' | '3d' | 'lottie' | 'other';
-    cdn?: string;
-}
-export interface VideoInfo {
-    index: number;
-    src: string;
-    poster?: string;
-    autoplay: boolean;
-    loop: boolean;
-    muted: boolean;
-    width?: number;
-    height?: number;
-    role: 'background' | 'content' | 'unknown';
-    firstFramePath?: string;
-}
-export interface ScrollAnimationPattern {
-    selector: string;
-    library: string;
-    attribute?: string;
-    animationType: string;
-    duration?: string;
-    delay?: string;
-    easing?: string;
-    count: number;
-}
-export interface CSSAnimationVar {
-    name: string;
-    value: string;
-    category: 'duration' | 'easing' | 'delay' | 'animation' | 'other';
-}
-export interface FullAnimationResult {
-    keyframes: ExtractedKeyframe[];
-    scrollFrames: ScrollFrame[];
-    libraries: DetectedLibrary[];
-    videos: VideoInfo[];
-    scrollPatterns: ScrollAnimationPattern[];
-    animationVars: CSSAnimationVar[];
-    globalTransitions: string[];
-    canvasCount: number;
-    webglDetected: boolean;
-    lottieCount: number;
-}
-export interface UltraResult {
-    pageScreenshots: PageScreenshot[];
-    sectionScreenshots: SectionScreenshot[];
-    interactions: InteractionRecord[];
-    layouts: LayoutRecord[];
-    domComponents: DOMComponent[];
-    animations: FullAnimationResult;
-}
-//# sourceMappingURL=types-ultra.d.ts.map

package/dist/types-ultra.js

@@ -1,4 +0,0 @@
-"use strict";
-// ── Ultra Mode Types ─────────────────────────────────────────────────
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types-ultra.js.map

package/dist/types.d.ts

@@ -1,182 +0,0 @@
-export interface DesignProfile {
-    projectName: string;
-    siteUrl?: string;
-    favicon?: string | null;
-    frameworks: Framework[];
-    colors: ColorToken[];
-    typography: TypographyToken[];
-    spacing: SpacingScale;
-    shadows: ShadowToken[];
-    components: ComponentInfo[];
-    breakpoints: Breakpoint[];
-    cssVariables: CSSVariable[];
-    borderRadius: string[];
-    fontVarMap: Record<string, string>;
-    antiPatterns: string[];
-    designTraits: DesignTraits;
-    animations: AnimationToken[];
-    darkModeVars: DarkModeVar[];
-    iconLibrary: string | null;
-    stateLibrary: string | null;
-    componentCategories: Record<ComponentCategory, string[]>;
-    zIndexScale: number[];
-    containerMaxWidth: string | null;
-    fontSources: FontSource[];
-    pageSections: PageSection[];
-    motionTokens: MotionTokens;
-}
-export interface DesignTraits {
-    isDark: boolean;
-    hasShadows: boolean;
-    hasGradients: boolean;
-    hasRoundedFull: boolean;
-    maxBorderRadius: number;
-    primaryColorTemp: 'warm' | 'cool' | 'neutral';
-    fontStyle: 'serif' | 'sans-serif' | 'monospace';
-    density: 'compact' | 'standard' | 'spacious';
-    hasAnimations: boolean;
-    hasDarkMode: boolean;
-    motionStyle: 'none' | 'subtle' | 'expressive';
-}
-export type ComponentCategory = 'layout' | 'navigation' | 'data-display' | 'data-input' | 'feedback' | 'overlay' | 'typography' | 'media' | 'other';
-export interface AnimationToken {
-    name: string;
-    type: 'css-keyframe' | 'css-transition' | 'framer-motion' | 'spring';
-    value: string;
-    source: string;
-}
-export interface DarkModeVar {
-    variable: string;
-    lightValue: string;
-    darkValue: string;
-}
-export type FrameworkId = 'tailwind' | 'react' | 'vue' | 'next' | 'nuxt' | 'svelte' | 'angular' | 'css-in-js' | 'css-modules';
-export interface Framework {
-    id: FrameworkId;
-    name: string;
-    version?: string;
-}
-export type ColorRole = 'background' | 'surface' | 'text-primary' | 'text-muted' | 'accent' | 'border' | 'danger' | 'success' | 'warning' | 'info' | 'unknown';
-export interface ColorToken {
-    hex: string;
-    name?: string;
-    role: ColorRole;
-    frequency: number;
-    source: 'tailwind' | 'css' | 'tokens-file' | 'component' | 'computed';
-}
-export type TypographyRole = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'body' | 'caption' | 'code' | 'unknown';
-export interface TypographyToken {
-    role: TypographyRole;
-    fontFamily: string;
-    fontSize?: string;
-    fontWeight?: string | number;
-    lineHeight?: string;
-    source: 'tailwind' | 'css' | 'tokens-file' | 'component' | 'computed';
-}
-export interface SpacingScale {
-    base: number;
-    values: number[];
-    unit: 'px' | 'rem';
-}
-export type ShadowLevel = 'flat' | 'raised' | 'floating' | 'overlay';
-export interface ShadowToken {
-    value: string;
-    level: ShadowLevel;
-    name?: string;
-}
-export interface ComponentInfo {
-    name: string;
-    filePath: string;
-    variants: string[];
-    cssClasses: string[];
-    jsxSnippet: string;
-    props: string[];
-    category: ComponentCategory;
-    hasAnimation: boolean;
-    animationDetails: string[];
-    statePatterns: string[];
-    tailwindPatterns: TailwindPattern;
-}
-export interface TailwindPattern {
-    backgrounds: string[];
-    borders: string[];
-    spacing: string[];
-    typography: string[];
-    effects: string[];
-    layout: string[];
-    interactive: string[];
-}
-export interface Breakpoint {
-    name: string;
-    value: string;
-    source: 'tailwind' | 'css';
-}
-export interface CSSVariable {
-    name: string;
-    value: string;
-    property?: string;
-}
-export interface RawTokens {
-    colors: Array<{
-        value: string;
-        frequency: number;
-        source: ColorToken['source'];
-        name?: string;
-    }>;
-    fonts: Array<{
-        family: string;
-        size?: string;
-        weight?: string | number;
-        source: TypographyToken['source'];
-    }>;
-    spacingValues: number[];
-    shadows: Array<{
-        value: string;
-        name?: string;
-    }>;
-    cssVariables: CSSVariable[];
-    breakpoints: Breakpoint[];
-    borderRadii: string[];
-    gradients: string[];
-    fontVarMap: Record<string, string>;
-    animations: AnimationToken[];
-    darkModeVars: DarkModeVar[];
-    zIndexValues: number[];
-    containerMaxWidth: string | null;
-    fontSources: FontSource[];
-    pageSections: PageSection[];
-    transitionDurations: string[];
-    transitionEasings: string[];
-    favicon?: string | null;
-    siteTitle?: string | null;
-}
-export interface FontSource {
-    family: string;
-    src: string;
-    format?: string;
-    weight?: string;
-}
-export interface PageSection {
-    type: 'navigation' | 'hero' | 'features' | 'content' | 'cards' | 'faq' | 'footer' | 'cta' | 'stats' | 'testimonials';
-    tag: string;
-    classes: string[];
-    childCount: number;
-    description: string;
-}
-export interface MotionTokens {
-    durations: string[];
-    easings: string[];
-    properties: string[];
-}
-export interface CLIOptions {
-    dir?: string;
-    repo?: string;
-    url?: string;
-    out: string;
-    name?: string;
-    skill: boolean;
-    format: 'design-md' | 'skill' | 'both';
-    mode: 'default' | 'ultra';
-    screens: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.js

@@ -1,4 +0,0 @@
-"use strict";
-// ── Core Design Profile ──────────────────────────────────────────────
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/writers/animations-md.d.ts

@@ -1,17 +0,0 @@
-import { FullAnimationResult } from '../types-ultra';
-import { DesignProfile } from '../types';
-/**
- * Generate references/ANIMATIONS.md
- *
- * Cinematic-quality animation documentation:
- * - Technology stack (GSAP, Lottie, Three.js, etc.)
- * - Scroll journey (7 screenshots from top to bottom)
- * - Every CSS @keyframe with full code + usage context
- * - Scroll-triggered animation patterns
- * - Video background specifications
- * - Canvas / WebGL indicators
- * - CSS animation variables / tokens
- * - Implementation guide (how to recreate the motion design)
- */
-export declare function generateAnimationsMd(anim: FullAnimationResult, profile: DesignProfile): string;
-//# sourceMappingURL=animations-md.d.ts.map