chore: troca Graphify por OpenWolf

- 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>
This commit is contained in:
Lucas RayanandClaude Opus 5.5 committed 2026-10-06 17:03:13 -03:00
1 parent b7c82f5c68
commit 0e622debe9
9 files changed
+344 -8

No files matched your search

+26
View File
@@ -0,0 +1,26 @@
---
description: Screenshot-based design review of the running app via openwolf designqc
argument-hint: [--url <url>] [--routes <routes>]
---
Arguments: $ARGUMENTS
Evaluate and improve the design/UI of this app:
1. Run `openwolf designqc` via 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).
2. Read the captured screenshots from `.wolf/designqc-captures/` with the Read tool.
3. 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)
4. Provide specific, actionable feedback with fix suggestions.
5. If the user approves, implement the fixes directly in their code.
6. Re-run `openwolf designqc` to verify the improvement.
Token awareness: each screenshot costs about 2,500 tokens. For large apps, use `--routes / /specific-page` to limit captures.