critique_ui
Audit UI code and screenshots against design system guidelines, checking spacing, typography, contrast, and anti-AI patterns to return structured findings.
Instructions
Audit UI code and rendered screenshots against design system guidelines (spacing scales, typography hierarchy, contrast/WCAG AA, and anti-AI-cliché patterns). Returns structured findings citing canonical SKILL.md rules.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | The frontend component or page source code (React, Vue, HTML, Svelte, Tailwind). | |
| filePath | No | Optional path of the file being audited. | |
| framework | No | The frontend framework used. | |
| designSystem | No | Target design system convention. | |
| screenshotPath | No | Optional absolute path to the screenshot image file. | |
| screenshotBase64 | No | Optional base64-encoded screenshot of the rendered component for visual craft inspection. |