Agent skill
design-review
画面設計書とSwiftUIデザインガイドに対して現在の実装の準拠状況をレビューする
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/design-review-whits-island-inspirehub-mobile
SKILL.md
デザインレビュースキル
画面設計書とSwiftUIデザインガイドに対して、現在の実装の準拠状況をレビューする。
参照ドキュメント
docs/design/画面設計_ネイティブアプリ.md— 画面仕様docs/design/swiftui_design_guide.md— デザインシステム
処理フロー
- 参照ドキュメントを読み込み
- 引数で指定された画面（またはall）のSwiftUIファイルを検査
- チェック項目に沿って検査
- 差分・未実装項目をリスト化
- 改善提案をレポート出力
チェック項目
カラーパレット
- Primary: Blue
- Accent: Orange
- Issue badge: Orange
- Idea badge: Yellow
タイポグラフィ
- largeTitle.bold, title2.bold, headline, body, caption
スペーシング
- 4pt基準
コンポーネント構成
- 画面設計書で定義されたUI要素が実装されているか
アクセシビリティ
- Dynamic Type対応
- VoiceOver対応
- 44ptタッチターゲット
- WCAG AA準拠
出力フォーマット
## デザインレビュー: [画面名]
### 準拠状況
| チェック項目 | ステータス | 詳細 |
|-------------|-----------|------|
| カラーパレット | 準拠 / 非準拠 | ... |
| タイポグラフィ | 準拠 / 非準拠 | ... |
### 未実装項目
- [ ] 画面設計書のXXセクションが未実装
### 改善提案
- ...
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
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.
majiayu000/claude-skill-registry
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.
majiayu000/claude-skill-registry
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.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
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?