Back to list
mpazaryna

design-review

by mpazaryna

A collection of specialized agents, commands, and templates for enhancing Claude Code's capabilities in understanding, analyzing, and documenting codebases.

2🍴 1📅 Jan 2, 2026

SKILL.md


name: design-review description: Design audits and submission preparation. Use when reviewing designs for quality, checking accessibility compliance, or preparing for App Store submission.

design-review

Systematic review and audit patterns for polishing designs before launch.

Scope

This skill covers review and submission—the checklists, audits, and compliance checks needed before shipping. For implementation patterns, see web-design or swift-ui. For theory, see design-principles.

Routing

Based on what you need reviewed, I'll reference the appropriate guide:

App Store Submission

When: Preparing iOS/macOS app for App Store Reference: references/app-store.md

  • App Store Review Guidelines compliance
  • Metadata readiness
  • Common rejection reasons
  • Submission checklist

Accessibility Audit

When: Checking WCAG compliance, VoiceOver support Reference: references/accessibility-audit.md

  • WCAG 2.1 AA checklist
  • Screen reader testing
  • Color contrast verification
  • Keyboard navigation audit

Design Checklist

When: General design quality review Reference: references/checklist.md

  • Visual consistency audit
  • Typography review
  • Color system verification
  • Component quality check

Quick Audit

Visual Consistency

  • Typography scale is consistent
  • Spacing uses defined scale
  • Colors match system
  • Border radii are consistent
  • Shadows follow elevation system

Accessibility Quick Check

  • Color contrast meets 4.5:1 (text)
  • Touch targets are 44pt minimum
  • Focus states are visible
  • Images have alt text
  • Forms have labels

App Store Quick Check

  • No placeholder content
  • No broken features
  • Privacy policy accessible
  • All permissions have usage strings
  • Restore purchases works (if IAP)

Review Methodology

  1. Systematic Pass - Go through each checklist item
  2. Device Testing - Test on real devices, not just simulators
  3. Edge Cases - Empty states, error states, loading states
  4. Accessibility Testing - VoiceOver/TalkBack, keyboard navigation
  5. Fresh Eyes - Step away, return with fresh perspective

Anti-Patterns

  • Skipping device testing
  • Ignoring accessibility until the end
  • Not testing error states
  • Rushing submission without checklist
  • Assuming simulator = real device
  • design-principles - Theory behind good design
  • web-design - Web implementation
  • swift-ui - SwiftUI implementation

Score

Total Score

75/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

+10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新

+5
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

+5

Reviews

💬

Reviews coming soon