القائمة
Screenshot and analyze visual composition: golden ratio, rule of thirds, spacing, hierarchy. Verify UI quality before presenting.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Run the announcement round for a finished project: attribution check, directory submissions, launch-post drafts in Mike's voice. Drafts only — never posts. Trigger: /announce <project>, 'announce', 'launch round', 'tell people about'.
Novel ignition ritual for story-bible: 3-line 'previously on' + one pulling question. Body-double for getting into writing state, zero obligation. Trigger: /ignite, 'ignite', 'novel time', 'story time'.
Read/post Twitter/X via `bird` CLI: tweets, threads, search, timelines, bookmarks, follows, lists, media.
Drive VISIBLE Chrome with real profile/logins (CDP :9222). Screenshots, JS eval, interactive element picking, cookies. Frontend testing, authed flows, anything user should see. Headless text-only reading → Browser* tools. Linux + macOS.
Read before git commits.
Compact current conversation into handoff doc for another agent.
| name | visual-audit |
| description | Screenshot and analyze visual composition: golden ratio, rule of thirds, spacing, hierarchy. Verify UI quality before presenting. |
Screenshot a website and analyze its visual composition against established design principles.
localhost:<port>. Check running processes or ask the user.python3 ~/Claude/scripts/visual-audit/audit.py <url> [--width 1920] [--height 1080] [--full-page]
original.png first to see the actual rendered pagefull-overlay.png to see the design grid analysisgolden-ratio.png for focused golden ratio analysis## Visual Audit: [page/component name]
**Screenshots:** [paths to generated images]
### Findings
- [specific observation with location reference]
- [specific observation with location reference]
### Suggestions
- [actionable fix with specificity]