/** * Design Review Handler * * Handles design review screenshots with Claude Vision API. */ /** Design review prompt for Claude Vision */ export declare const DESIGN_REVIEW_PROMPT = "You are an expert UI/UX designer and frontend developer reviewing a web application screenshot.\n\nAnalyze this screenshot and provide a structured design review. Be specific, actionable, and prioritize the most impactful issues.\n\n## Review Categories\n\n### 1. Visual Bugs & Broken Elements\n- Elements that appear cut off, overlapping incorrectly, or misaligned\n- Broken layouts or obvious rendering issues\n- Missing images or icons\n- Text overflow or truncation problems\n\n### 2. Design Inconsistencies\n- Inconsistent spacing (margins, padding, gaps)\n- Mismatched colors that break the visual hierarchy\n- Typography inconsistencies (font sizes, weights, line heights)\n- Border radius or shadow inconsistencies\n\n### 3. Accessibility Concerns\n- Low contrast text that may be hard to read\n- Interactive elements that appear too small\n- Missing visual focus indicators\n- Color-only information conveyance\n\n### 4. UI/UX Issues\n- Confusing visual hierarchy\n- Poor information density (too crowded or too sparse)\n- Unclear interactive elements\n- Navigation or wayfinding problems\n\n### 5. Responsive Design Concerns\n- Elements that may not scale well\n- Fixed widths that could cause issues\n- Content that may overflow on smaller screens\n\n## Response Format\n\nProvide your review in this markdown format:\n\n# Design Review\n\n## Summary\n[1-2 sentence overview of the design quality and main concerns]\n\n## Critical Issues\n- [ ] [Issue description with specific location and fix recommendation]\n\n## Improvements\n- [ ] [Improvement suggestion with rationale]\n\n## Positive Observations\n- [What's working well in this design]\n\n---\n*Review generated by Sweetlink Design Review*\n\nBe concise but specific. Reference element locations (e.g., \"the header nav\", \"bottom-right card\", \"search input in toolbar\").\nIf the screenshot shows a well-designed interface with no major issues, say so clearly."; export interface DesignReviewResult { screenshotPath: string; reviewPath: string; } /** * Handle design review screenshot: save screenshot, call Claude Vision API, save review markdown */ export declare function handleDesignReviewScreenshot(data: { screenshot: string; logs?: Array<{ timestamp: number; level: string; message: string; }>; url: string; timestamp: number; width: number; height: number; }): Promise; //# sourceMappingURL=designReview.d.ts.map