{
  "design_analysis_prompts": {
    "analyze_design_screenshot": "Analyze this design screenshot and provide precise UI element descriptions. Return structured JSON data with the following exact specifications:\n1. Precise position coordinates (x, y) for each UI element in pixels\n2. Exact dimensions (width, height) in pixels\n3. Color values in hexadecimal format (#RRGGBB or #RGBA)\n4. Typography details: font-size, font-weight, font-family, line-height\n5. Border properties: style, width, color, radius\n6. Background colors and gradient specifications (linear/radial, color stops)\n7. Shadow effects: box-shadow, text-shadow with exact parameters\n8. Border radius values for all rounded elements\nIMPORTANT: Return ONLY valid JSON format. Avoid ambiguous descriptions. Use exact pixel values and precise measurements.",
    "extract_component_hierarchy": "Extract the component hierarchy from this design screenshot. Map the nested relationships between elements and return a structured JSON tree:\n1. Identify main containers and layout components (header, sidebar, main, footer, etc.)\n2. Analyze nesting relationships and parent-child connections\n3. Detect reusable component patterns (cards, buttons, navigation items, etc.)\n4. Document component dependencies and relationships\n5. Classify component types (container, interactive, display, form elements, etc.)\nFor each component, include: type, id/classes, position, dimensions, children array, and key properties. Return as hierarchical JSON structure.",
    "get_exact_layout_specifications": "Extract precise layout specifications from this design screenshot. Return detailed JSON with exact measurements:\n1. Element spacing and margin values (top, right, bottom, left) in pixels\n2. Padding values for all containers in pixels\n3. Alignment properties: text-align, vertical-align, justify-content, align-items\n4. Grid system specifications: columns, gaps, rows if applicable\n5. Responsive breakpoint indicators and adaptive layout patterns\n6. Positioning methods: relative, absolute, fixed, sticky with coordinates\n7. Z-index layering relationships and stacking context\n8. Container constraints: min/max width, min/max height, overflow settings\nAll measurements must be in exact pixels. No approximate values. Return as structured JSON.",
    "identify_visual_tokens": "Identify and extract the design system tokens from this screenshot. Return comprehensive JSON documentation:\n1. Color system: primary, secondary, accent, neutral colors in hex format. Include success, warning, error, info colors if present.\n2. Typography scale: font families, weights (100-900), size hierarchy (xs to xl), line heights, letter spacing\n3. Spacing system: margin/padding scale (4px, 8px, 16px, 24px, 32px, etc.)\n4. Border radius system: small, medium, large radius values in pixels\n5. Shadow system: elevation levels (subtle, medium, strong) with exact blur, spread, offset values\n6. Border system: widths (1px, 2px, etc.), styles (solid, dashed), colors\n7. Icon system: sizes, colors, and style guidelines\nInclude usage examples and semantic naming conventions. Return as organized JSON design system specification.",
    "analyze_design_with_precision": "Perform a comprehensive and precise analysis of this design screenshot. Provide detailed JSON output with complete CSS properties for each element:\n1. Use exact pixel measurements instead of relative descriptions (e.g., \"16px\" not \"small\")\n2. Provide specific hex color codes instead of color names (e.g., \"#FF5733\" not \"orange\")\n3. Include detailed font specifications: family, size, weight, line-height, letter-spacing\n4. Document precise spacing values for margins and padding\n5. Identify interactive states: hover, active, focus, disabled, loading states\n6. Capture exact layout parameters: positioning, dimensions, alignment\n7. Include all relevant CSS properties: display, flexbox, grid, transform, transition, etc.\nFor each element, provide: selector, position, dimensions, typography, colors, spacing, borders, shadows, and any custom CSS properties. Return as detailed structured JSON.",
    "compare_image": "List all UI differences between these two images. Only list real UI differences, ignore shadows or compression artifacts. Focus on content changes, layout modifications, color variations, element additions/removals, text changes, and structural differences. Provide a detailed comparison with specific locations and descriptions of each difference.",
    "compare_image_with_bounding_boxes": "List all UI differences between these two images with bounding boxes. Output format: [[x0,y0,x1,y1]] per difference. Only list real UI differences, ignore shadows or compression artifacts. For each difference found, provide the bounding box coordinates in the format [[x0,y0,x1,y1]] where (x0,y0) is the top-left corner and (x1,y1) is the bottom-right corner. Focus on content changes, layout modifications, color variations, element additions/removals, text changes, and structural differences."
  },
  "metadata": {
    "version": "1.0.0",
    "description": "Vision Analyzer Design Analysis Prompts",
    "last_updated": "2025-10-07",
    "language": "en",
    "category": "design_analysis"
  }
}