Agent skill
ios-design-review
Visual design review of iOS screens against ios-styleguide.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/ios-design-review
SKILL.md
Purpose
Review iOS screens for ios-styleguide compliance, device adaptation, and accessibility. Report issues, then (with approval) fix and run tests to confirm.
Arguments
--focus <feature>— Limit to specific feature folder (default: all Features/)--no-fix— Report only, don't offer to fix
Workflow
1. Collect screens
Scan Features/**/ for *View.swift files to identify screens to review.
2. Evaluate against ios-styleguide
Review each screen for:
Device adaptation
- iPhone layout: focused, appropriate density
- iPad layout: uses space intentionally, not stretched iPhone
- Size class and orientation handling
Liquid Glass
- Used only for hierarchy/focus (nav bars, sheets, overlays)
- Not behind dense text, forms, or reading surfaces
- Respects reduce transparency setting
Typography & hierarchy
- Clear visual hierarchy
- Dynamic Type doesn't break layouts
- No banned fonts as primary
Accessibility
- VoiceOver labels on custom controls
- Tap targets ≥44pt
- Color not sole indicator
"Not generic" bar
- No unchanged SwiftUI defaults
- No repetitive patterns without hierarchy
- Purposeful restraint
For each issue, note:
- Screen/file
- Severity:
must-fix|should-fix|nice-to-have - What violates ios-styleguide
- Concrete fix
3. Report results
Summary of screens reviewed + findings by severity.
4–5. Approval gate, fix and confirm
See /shared-review-workflow for severity definitions, approval gate protocol, and fix constraints. After fixes, re-run lint/format and run /ios-unit-test.
Reference
For evaluation checklists and preview testing, see reference/ios-design-review-reference.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?