Lucas RayanandClaude Opus 5.5
0e622debe9
- CLAUDE.md com as instruções do OpenWolf - .claude/ com regras, hooks e comandos do OpenWolf - .gitignore: ignora /book/ (projeto privado à parte) e /.wolf/ (memória local) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1.3 KiB
1.3 KiB
description: Screenshot-based design review of the running app via openwolf designqc argument-hint: [--url ] [--routes ]
Arguments: $ARGUMENTS
Evaluate and improve the design/UI of this app:
- Run
openwolf designqcvia Bash to capture screenshots (pass through any arguments given above).- The command auto-detects a running dev server, or starts one from package.json if needed.
- Use
--url <url>only if auto-detection fails. - Compressed JPEG screenshots land in
.wolf/designqc-captures/; full pages are captured as sectioned viewport-height images (top, section2, ..., bottom).
- Read the captured screenshots from
.wolf/designqc-captures/with the Read tool. - Evaluate against modern standards (Shadcn UI, Tailwind, clean React patterns):
- Spacing and whitespace consistency
- Typography hierarchy and readability
- Color contrast and accessibility (WCAG)
- Visual hierarchy and focal points
- Component consistency
- Whether the design looks generic ("white-coded", no personality)
- Provide specific, actionable feedback with fix suggestions.
- If the user approves, implement the fixes directly in their code.
- Re-run
openwolf designqcto verify the improvement.
Token awareness: each screenshot costs about 2,500 tokens. For large apps, use --routes / /specific-page to limit captures.