@defai.digital/ax-cli 3.2.0 → 3.3.0

package/dist/commands/frontend.js

@@ -0,0 +1,645 @@
+/**
+ * Frontend development workflow commands
+ * Specialized commands for design-to-code workflows with Figma integration
+ */
+import { Command } from 'commander';
+import chalk from 'chalk';
+import { getMCPManager } from '../llm/tools.js';
+import { extractErrorMessage } from '../utils/error-handler.js';
+/**
+ * Parse Figma URL to extract file ID and node ID
+ */
+function parseFigmaUrl(url) {
+    // Examples:
+    // https://figma.com/file/abc123xyz/Design-System
+    // https://figma.com/file/abc123xyz?node-id=1:234
+    // https://www.figma.com/design/abc123xyz/Design-System?node-id=1:234
+    const patterns = [
+        // New design URLs
+        /figma\.com\/design\/([a-zA-Z0-9-_]+)/,
+        // Classic file URLs
+        /figma\.com\/file\/([a-zA-Z0-9-_]+)/,
+    ];
+    let fileId;
+    for (const pattern of patterns) {
+        const match = url.match(pattern);
+        if (match) {
+            fileId = match[1];
+            break;
+        }
+    }
+    if (!fileId) {
+        throw new Error('Invalid Figma URL. Expected format: https://figma.com/file/[file-id] or https://figma.com/design/[file-id]');
+    }
+    // Extract node ID if present
+    const nodeIdMatch = url.match(/node-id=([^&]+)/);
+    const nodeId = nodeIdMatch ? nodeIdMatch[1] : undefined;
+    return { fileId, nodeId };
+}
+/**
+ * Validate that Figma MCP server is connected
+ */
+async function ensureFigmaConnected() {
+    const manager = getMCPManager();
+    const servers = manager.getServers();
+    if (!servers.includes('figma')) {
+        console.log(chalk.yellow('\n⚠️  Figma MCP server is not connected.'));
+        console.log();
+        console.log(chalk.blue('To use frontend commands, you need to set up Figma integration:'));
+        console.log();
+        console.log('1. Generate a Figma access token:');
+        console.log(chalk.gray('   https://figma.com/settings → Personal access tokens'));
+        console.log();
+        console.log('2. Set the environment variable:');
+        console.log(chalk.cyan('   export FIGMA_ACCESS_TOKEN="your_token"'));
+        console.log();
+        console.log('3. Add Figma MCP server:');
+        console.log(chalk.cyan('   ax-cli mcp add figma --template'));
+        console.log();
+        throw new Error('Figma MCP server not connected. Please set up Figma integration first.');
+    }
+    // Verify Figma tools are available
+    const tools = manager.getTools().filter(t => t.serverName === 'figma');
+    if (tools.length === 0) {
+        throw new Error('Figma MCP server is connected but no tools are available. Try reconnecting: ax-cli mcp remove figma && ax-cli mcp add figma --template');
+    }
+}
+/**
+ * Build a specialized prompt for design-to-code workflow
+ */
+function buildDesignToCodePrompt(params) {
+    const { fileId, nodeId, framework, typescript, cssType, outputDir, includeTests, includeStorybook } = params;
+    const nodeInfo = nodeId ? `node ID ${nodeId}` : 'the entire file';
+    return `
+Using the Figma MCP server, retrieve the design for:
+- File ID: ${fileId}
+${nodeId ? `- Node ID: ${nodeId}` : ''}
+
+Generate a ${framework}${typescript ? ' TypeScript' : ' JavaScript'} component from ${nodeInfo} with:
+
+**Component Requirements:**
+1. Match the exact structure and layout from the Figma design
+2. Use ${cssType} for styling that precisely matches the design specifications
+3. Create a props interface derived from design variants (if any)
+4. Include proper accessibility attributes (ARIA labels, semantic HTML, keyboard navigation)
+5. Implement responsive behavior based on Figma constraints/auto-layout
+${includeTests ? `6. Generate unit tests using ${framework === 'react' || framework === 'solid' ? 'Testing Library' : framework === 'vue' ? 'Vue Test Utils' : framework === 'angular' ? 'Jasmine/Karma' : 'Vitest'}` : ''}
+${includeStorybook ? '7. Create Storybook stories showcasing all variants and states' : ''}
+
+**Extract and Apply from Figma:**
+- Layout system (Flexbox, Grid, Auto-layout)
+- Spacing (padding, margin, gap) - use exact pixel values
+- Colors - reference design tokens or use exact hex/rgb values
+- Typography (font family, size, weight, line height, letter spacing)
+- Border radius, shadows, effects
+- Interactive states (hover, active, focus, disabled)
+- Responsive breakpoints (if multiple frames exist)
+
+**Component Structure:**
+- Create clean, maintainable component code
+- Use composition for complex components
+- Separate concerns (logic, presentation, styles)
+- Follow ${framework} best practices and conventions
+${framework === 'angular' ? `
+**Angular-Specific:**
+- Use Angular component decorators (@Component)
+- Implement proper change detection strategy
+- Use Angular directives and pipes where appropriate
+- Follow Angular style guide conventions
+` : framework === 'solid' ? `
+**Solid.js-Specific:**
+- Use createSignal for reactive state
+- Leverage fine-grained reactivity
+- Use Show, For, and other Solid control flow components
+- Follow Solid.js reactivity patterns
+` : framework === 'vue' ? `
+**Vue-Specific:**
+- Use Composition API (setup script)
+- Leverage Vue 3 reactivity (ref, reactive, computed)
+- Use template syntax for clean markup
+- Follow Vue 3 best practices
+` : `
+**React-Specific:**
+- Use functional components with hooks
+- Leverage useState, useEffect, useMemo where appropriate
+- Follow React composition patterns
+- Implement proper key props for lists
+`}
+
+**Output Location:**
+Save all generated files to: ${outputDir}/
+
+**File Structure:**
+${framework === 'angular' ? `
+${typescript ? `
+- component-name.component.ts (component class)
+- component-name.component.html (template)
+- component-name.component.${cssType === 'scss' || cssType === 'tailwind' ? 'scss' : 'css'} (styles)
+${includeTests ? '- component-name.component.spec.ts (unit tests)' : ''}
+- index.ts (barrel export)
+` : `
+- component-name.component.js (component class)
+- component-name.component.html (template)
+- component-name.component.css (styles)
+${includeTests ? '- component-name.component.spec.js (unit tests)' : ''}
+- index.js (barrel export)
+`}
+` : framework === 'vue' ? `
+- Component.vue (single-file component)
+${includeTests ? `- Component.spec.${typescript ? 'ts' : 'js'} (unit tests)` : ''}
+${includeStorybook ? `- Component.stories.${typescript ? 'ts' : 'js'} (Storybook stories)` : ''}
+- index.${typescript ? 'ts' : 'js'} (barrel export)
+` : typescript ? `
+- Component.${framework === 'solid' ? 'tsx' : 'tsx'} (main component)
+- Component.module.${cssType === 'modules' ? 'css' : cssType} (styles)
+${includeTests ? '- Component.test.tsx (unit tests)' : ''}
+${includeStorybook ? '- Component.stories.tsx (Storybook stories)' : ''}
+- index.ts (barrel export)
+` : `
+- Component.${framework === 'solid' ? 'jsx' : 'jsx'} (main component)
+- Component.module.${cssType === 'modules' ? 'css' : cssType} (styles)
+${includeTests ? '- Component.test.jsx (unit tests)' : ''}
+${includeStorybook ? '- Component.stories.jsx (Storybook stories)' : ''}
+- index.js (barrel export)
+`}
+
+After generating the component, show me:
+1. A summary of what was created
+2. The component props interface
+3. Any design decisions or assumptions made
+4. Suggestions for improvements or next steps
+  `.trim();
+}
+/**
+ * Build a prompt for token extraction
+ */
+function buildTokenExtractionPrompt(params) {
+    const { fileId, format, outputFile, categories } = params;
+    const categoryList = categories.includes('all')
+        ? 'all design tokens (colors, typography, spacing, effects, etc.)'
+        : categories.join(', ');
+    return `
+Using the Figma MCP server, extract ${categoryList} from file ID: ${fileId}
+
+**Requirements:**
+1. Use the Figma MCP tools to retrieve all design variables/styles
+2. Organize tokens by category (colors, typography, spacing, etc.)
+3. Generate a ${format} file with proper formatting
+
+**Output Format: ${format}**
+${format === 'css' ? `
+- CSS custom properties (CSS variables)
+- Group by category with comments
+- Use semantic naming (--color-primary-500, --spacing-md)
+- Include fallback values where appropriate
+` : ''}
+${format === 'scss' ? `
+- SCSS variables
+- Group by category with comments
+- Use semantic naming ($color-primary-500, $spacing-md)
+- Include mixins for common patterns
+` : ''}
+${format === 'json' ? `
+- Structured JSON object
+- Nested by category
+- Include metadata (name, value, description)
+- Use camelCase for keys
+` : ''}
+${format === 'js' || format === 'ts' ? `
+- ES module exports
+- Typed objects (if TypeScript)
+- Group by category
+- Include JSDoc comments
+` : ''}
+
+**Token Categories:**
+${categories.includes('all') || categories.includes('colors') ? `
+**Colors:**
+- Palette colors (primary, secondary, neutral, etc.)
+- Semantic colors (success, warning, error, info)
+- Text colors
+- Background colors
+- Border colors
+` : ''}
+${categories.includes('all') || categories.includes('typography') ? `
+**Typography:**
+- Font families
+- Font sizes
+- Font weights
+- Line heights
+- Letter spacing
+` : ''}
+${categories.includes('all') || categories.includes('spacing') ? `
+**Spacing:**
+- Padding values
+- Margin values
+- Gap values
+- Use consistent scale (e.g., 4px, 8px, 16px, 24px...)
+` : ''}
+${categories.includes('all') || categories.includes('effects') ? `
+**Effects:**
+- Box shadows
+- Text shadows
+- Border radius values
+- Opacity values
+` : ''}
+
+**Output:**
+Save the generated tokens to: ${outputFile}
+
+After extraction, show me:
+1. Summary of extracted tokens (how many of each category)
+2. Any naming conventions applied
+3. Suggestions for usage in the codebase
+  `.trim();
+}
+/**
+ * Build a prompt for component generation
+ */
+function buildComponentGenerationPrompt(params) {
+    const { componentName, source, fileId, nodeId, framework, typescript, cssType, outputDir } = params;
+    if (source === 'figma') {
+        if (!fileId) {
+            throw new Error('Figma file ID is required when source is "figma"');
+        }
+        return `
+Using the Figma MCP server, find and generate a component named "${componentName}":
+
+**Search Process:**
+1. Search for components in Figma file ${fileId} that match the name "${componentName}"
+${nodeId ? `2. Use node ID ${nodeId} if searching by name fails` : '2. If multiple matches, show options and ask which one to use'}
+
+**Generation:**
+Generate a ${framework}${typescript ? ' TypeScript' : ''} component using ${cssType} for styling.
+
+Follow the same requirements as design-to-code:
+- Match exact Figma design
+- Include all variants and states
+- Proper accessibility
+- Responsive behavior
+- Clean, maintainable code
+
+Save to: ${outputDir}/${componentName}/
+    `.trim();
+    }
+    // For other sources (template, scratch)
+    return `
+Generate a ${framework}${typescript ? ' TypeScript' : ''} component named "${componentName}":
+
+**Component Type:** ${source === 'template' ? 'Based on common component patterns' : 'From scratch'}
+
+**Requirements:**
+1. Create a well-structured, production-ready component
+2. Use ${cssType} for styling
+3. Include proper TypeScript types (if applicable)
+4. Add accessibility attributes
+5. Follow ${framework} best practices
+
+**Variants to include:**
+- Default state
+- Hover state
+- Active state
+- Disabled state
+- Loading state (if applicable)
+
+Save to: ${outputDir}/${componentName}/
+  `.trim();
+}
+/**
+ * Build a prompt for visual design comparison
+ */
+function buildVisualComparisonPrompt(params) {
+    const { fileId, nodeId, filePaths, model, exportScreenshot, outputFormat } = params;
+    const nodeInfo = nodeId ? ` (node ID: ${nodeId})` : '';
+    return `
+**Visual Design Comparison Task**
+
+Using the Figma MCP server and ${model} vision capabilities, perform a comprehensive visual comparison between the Figma design and the current implementation.
+
+**Step 1: Export Design from Figma**
+${exportScreenshot ? `
+- Use Figma MCP to export a screenshot of the design from file ${fileId}${nodeInfo}
+- Export at 2x resolution for detailed comparison
+- Save temporarily for vision analysis
+` : `
+- I will provide the Figma design screenshot separately
+- File ID: ${fileId}${nodeInfo}
+`}
+
+**Step 2: Read Implementation Files**
+Read and analyze the following implementation files:
+${filePaths.map(path => `- ${path}`).join('\n')}
+
+**Step 3: Visual Comparison Analysis**
+Using ${model} vision model, compare the Figma design screenshot with the implementation and analyze:
+
+**Layout & Structure:**
+- Component positioning and alignment
+- Grid/flexbox layout accuracy
+- Spacing between elements (padding, margins)
+- Element dimensions and aspect ratios
+- Responsive behavior considerations
+
+**Visual Styling:**
+- Color accuracy (backgrounds, borders, text, shadows)
+- Typography (font family, size, weight, line-height)
+- Border radius and shape consistency
+- Box shadows and elevation
+- Image and icon rendering
+
+**Component States:**
+- Default state matching
+- Hover state implementation
+- Active state styling
+- Disabled state (if applicable)
+- Focus states and accessibility
+
+**Accessibility:**
+- Color contrast ratios
+- ARIA attributes presence
+- Semantic HTML usage
+- Keyboard navigation support
+
+**Step 4: Generate Diff Report**
+Create a detailed comparison report in ${outputFormat} format with:
+
+1. **Overall Similarity Score**: 0-100% match
+2. **Critical Differences**: Issues that significantly affect visual appearance
+3. **Minor Differences**: Small discrepancies that could be improved
+4. **Recommendations**: Specific code changes to match design exactly
+5. **Accessibility Gaps**: Missing or incorrect accessibility features
+
+**Output Format: ${outputFormat}**
+${outputFormat === 'markdown' ? `
+Use clear markdown formatting with:
+- Headings for sections
+- Code blocks for suggested changes
+- Screenshots or visual descriptions where helpful
+- Bullet points for lists
+` : outputFormat === 'html' ? `
+Generate HTML with:
+- Styled sections with headings
+- Code blocks with syntax highlighting
+- Side-by-side comparison tables
+- Color swatches for color differences
+` : `
+Generate JSON with structure:
+{
+  "similarityScore": 0-100,
+  "criticalDifferences": [...],
+  "minorDifferences": [...],
+  "recommendations": [...],
+  "accessibilityGaps": [...]
+}
+`}
+
+**Important Notes:**
+- Be specific with measurements (e.g., "8px too much padding" not "padding is off")
+- Reference exact color codes (#hex or rgb values)
+- Suggest exact CSS changes to fix discrepancies
+- Prioritize user-visible differences over minor implementation details
+  `.trim();
+}
+/**
+ * Create the frontend command group
+ */
+export function createFrontendCommand() {
+    const frontendCmd = new Command('frontend');
+    frontendCmd.description('Front-end development workflows with MCP integration');
+    // Design to code command
+    frontendCmd
+        .command('design-to-code <figma-url>')
+        .description('Convert Figma designs to code')
+        .option('--framework <name>', 'Target framework (react, vue, svelte, angular, solid)', 'react')
+        .option('--typescript', 'Generate TypeScript', true)
+        .option('--no-typescript', 'Generate JavaScript')
+        .option('--css <type>', 'CSS solution (modules, styled, tailwind, emotion, scss)', 'modules')
+        .option('--output <dir>', 'Output directory', 'src/components')
+        .option('--test', 'Generate test files', false)
+        .option('--storybook', 'Generate Storybook stories', false)
+        .action(async (figmaUrl, options) => {
+        try {
+            console.log(chalk.blue.bold('\n🎨 Design-to-Code Workflow\n'));
+            // Ensure Figma is connected
+            await ensureFigmaConnected();
+            // Parse Figma URL
+            console.log(chalk.gray('Parsing Figma URL...'));
+            const { fileId, nodeId } = parseFigmaUrl(figmaUrl);
+            console.log(chalk.green(`✓ File ID: ${fileId}`));
+            if (nodeId) {
+                console.log(chalk.green(`✓ Node ID: ${nodeId}`));
+            }
+            console.log();
+            // Build the prompt
+            const prompt = buildDesignToCodePrompt({
+                fileId,
+                nodeId,
+                framework: options.framework,
+                typescript: options.typescript,
+                cssType: options.css,
+                outputDir: options.output,
+                includeTests: options.test,
+                includeStorybook: options.storybook
+            });
+            // Display configuration
+            console.log(chalk.blue('Configuration:'));
+            console.log(chalk.gray(`  Framework: ${options.framework}`));
+            console.log(chalk.gray(`  Language: ${options.typescript ? 'TypeScript' : 'JavaScript'}`));
+            console.log(chalk.gray(`  Styling: ${options.css}`));
+            console.log(chalk.gray(`  Output: ${options.output}/`));
+            console.log(chalk.gray(`  Tests: ${options.test ? 'Yes' : 'No'}`));
+            console.log(chalk.gray(`  Storybook: ${options.storybook ? 'Yes' : 'No'}`));
+            console.log();
+            // Show the prompt that will be sent to the AI
+            console.log(chalk.blue('🤖 Sending request to AI agent...\n'));
+            // In a real implementation, this would call the LLMAgent
+            // For now, show the prompt
+            console.log(chalk.yellow('Prompt to be executed:'));
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log(prompt);
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log();
+            console.log(chalk.green('✅ To execute this workflow, run:'));
+            console.log(chalk.cyan(`   ax-cli -p "${prompt.substring(0, 100)}..."`));
+            console.log();
+        }
+        catch (error) {
+            console.error(chalk.red(`\n❌ Error: ${extractErrorMessage(error)}\n`));
+            process.exit(1);
+        }
+    });
+    // Extract tokens command
+    frontendCmd
+        .command('extract-tokens <file-id>')
+        .description('Extract design tokens from Figma')
+        .option('--format <type>', 'Output format (css, scss, json, js, ts)', 'css')
+        .option('--output <file>', 'Output file path', 'src/styles/design-tokens.css')
+        .option('--categories <list>', 'Token categories (colors, typography, spacing, effects, all)', 'all')
+        .action(async (fileId, options) => {
+        try {
+            console.log(chalk.blue.bold('\n🎨 Design Token Extraction\n'));
+            // Ensure Figma is connected
+            await ensureFigmaConnected();
+            // Parse categories
+            const categories = options.categories.split(',').map((c) => c.trim());
+            // Build the prompt
+            const prompt = buildTokenExtractionPrompt({
+                fileId,
+                format: options.format,
+                outputFile: options.output,
+                categories
+            });
+            // Display configuration
+            console.log(chalk.blue('Configuration:'));
+            console.log(chalk.gray(`  File ID: ${fileId}`));
+            console.log(chalk.gray(`  Format: ${options.format}`));
+            console.log(chalk.gray(`  Output: ${options.output}`));
+            console.log(chalk.gray(`  Categories: ${categories.join(', ')}`));
+            console.log();
+            console.log(chalk.blue('🤖 Sending request to AI agent...\n'));
+            // Show the prompt
+            console.log(chalk.yellow('Prompt to be executed:'));
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log(prompt);
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log();
+            console.log(chalk.green('✅ To execute this workflow, run:'));
+            console.log(chalk.cyan(`   ax-cli -p "${prompt.substring(0, 100)}..."`));
+            console.log();
+        }
+        catch (error) {
+            console.error(chalk.red(`\n❌ Error: ${extractErrorMessage(error)}\n`));
+            process.exit(1);
+        }
+    });
+    // Generate component command
+    frontendCmd
+        .command('gen-component <name>')
+        .description('Generate a component from Figma or template')
+        .option('--source <type>', 'Component source (figma, template, scratch)', 'figma')
+        .option('--file-id <id>', 'Figma file ID (required if source is figma)')
+        .option('--node-id <id>', 'Figma node ID (optional)')
+        .option('--framework <name>', 'Target framework (react, vue, svelte, angular, solid)', 'react')
+        .option('--typescript', 'Generate TypeScript', true)
+        .option('--no-typescript', 'Generate JavaScript')
+        .option('--css <type>', 'CSS solution (modules, styled, tailwind, emotion)', 'modules')
+        .option('--output <dir>', 'Output directory', 'src/components')
+        .action(async (name, options) => {
+        try {
+            console.log(chalk.blue.bold(`\n🔧 Component Generation: ${name}\n`));
+            // If source is figma, ensure it's connected
+            if (options.source === 'figma') {
+                await ensureFigmaConnected();
+                if (!options.fileId) {
+                    console.error(chalk.red('❌ --file-id is required when source is "figma"'));
+                    console.log();
+                    console.log(chalk.blue('Usage:'));
+                    console.log(chalk.cyan(`  ax-cli frontend gen-component ${name} --source figma --file-id abc123xyz`));
+                    console.log();
+                    process.exit(1);
+                }
+            }
+            // Build the prompt
+            const prompt = buildComponentGenerationPrompt({
+                componentName: name,
+                source: options.source,
+                fileId: options.fileId,
+                nodeId: options.nodeId,
+                framework: options.framework,
+                typescript: options.typescript,
+                cssType: options.css,
+                outputDir: options.output
+            });
+            // Display configuration
+            console.log(chalk.blue('Configuration:'));
+            console.log(chalk.gray(`  Component: ${name}`));
+            console.log(chalk.gray(`  Source: ${options.source}`));
+            if (options.fileId) {
+                console.log(chalk.gray(`  Figma File: ${options.fileId}`));
+            }
+            if (options.nodeId) {
+                console.log(chalk.gray(`  Figma Node: ${options.nodeId}`));
+            }
+            console.log(chalk.gray(`  Framework: ${options.framework}`));
+            console.log(chalk.gray(`  Language: ${options.typescript ? 'TypeScript' : 'JavaScript'}`));
+            console.log(chalk.gray(`  Styling: ${options.css}`));
+            console.log(chalk.gray(`  Output: ${options.output}/${name}/`));
+            console.log();
+            console.log(chalk.blue('🤖 Sending request to AI agent...\n'));
+            // Show the prompt
+            console.log(chalk.yellow('Prompt to be executed:'));
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log(prompt);
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log();
+            console.log(chalk.green('✅ To execute this workflow, run:'));
+            console.log(chalk.cyan(`   ax-cli -p "${prompt.substring(0, 100)}..."`));
+            console.log();
+        }
+        catch (error) {
+            console.error(chalk.red(`\n❌ Error: ${extractErrorMessage(error)}\n`));
+            process.exit(1);
+        }
+    });
+    // Compare design command with visual comparison
+    frontendCmd
+        .command('compare-design <figma-url>')
+        .description('Compare implementation with Figma design using visual AI')
+        .option('--file <path>', 'Implementation file(s) to compare (comma-separated)', 'src/components')
+        .option('--model <name>', 'Vision model to use', 'glm-4.5v')
+        .option('--export-screenshot', 'Export screenshot from Figma', true)
+        .option('--format <type>', 'Output format (markdown, html, json)', 'markdown')
+        .action(async (figmaUrl, options) => {
+        try {
+            console.log(chalk.blue.bold('\n🔍 Visual Design Comparison\n'));
+            // Validate Figma connection
+            await ensureFigmaConnected();
+            // Parse Figma URL
+            const { fileId, nodeId } = parseFigmaUrl(figmaUrl);
+            // Split file paths if multiple
+            const filePaths = options.file.split(',').map((f) => f.trim());
+            // Build the visual comparison prompt
+            const prompt = buildVisualComparisonPrompt({
+                fileId,
+                nodeId,
+                filePaths,
+                model: options.model,
+                exportScreenshot: options.exportScreenshot,
+                outputFormat: options.format
+            });
+            // Display configuration
+            console.log(chalk.blue('Configuration:'));
+            console.log(chalk.gray(`  Figma File ID: ${fileId}`));
+            if (nodeId) {
+                console.log(chalk.gray(`  Figma Node ID: ${nodeId}`));
+            }
+            console.log(chalk.gray(`  Implementation Files: ${filePaths.join(', ')}`));
+            console.log(chalk.gray(`  Vision Model: ${options.model}`));
+            console.log(chalk.gray(`  Export Screenshot: ${options.exportScreenshot ? 'Yes' : 'No'}`));
+            console.log(chalk.gray(`  Output Format: ${options.format}`));
+            console.log();
+            console.log(chalk.blue('🤖 Sending request to AI agent with vision capabilities...\n'));
+            // Show the prompt
+            console.log(chalk.yellow('Visual Comparison Prompt:'));
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log(prompt);
+            console.log(chalk.gray('─'.repeat(80)));
+            console.log();
+            console.log(chalk.green('✅ To execute this visual comparison, run:'));
+            console.log(chalk.cyan(`   ax-cli -p "${prompt.substring(0, 100)}..." --model ${options.model}`));
+            console.log();
+            console.log(chalk.blue('📋 What this will do:'));
+            console.log(chalk.gray('  1. Export screenshot from Figma design'));
+            console.log(chalk.gray('  2. Read your implementation files'));
+            console.log(chalk.gray('  3. Use GLM-4.5V vision model to compare visual appearance'));
+            console.log(chalk.gray('  4. Generate detailed difference report'));
+            console.log();
+        }
+        catch (error) {
+            console.error(chalk.red(`\n❌ Error: ${extractErrorMessage(error)}\n`));
+            process.exit(1);
+        }
+    });
+    return frontendCmd;
+}
+//# sourceMappingURL=frontend.js.map

package/dist/commands/frontend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontend.js","sourceRoot":"","sources":["../../src/commands/frontend.ts"],"names":[],"mappings":"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"}