design-review

Audit iOS app UI against design system and HIG guidelines from Simulator screenshots.

1|Updated Feb 28, 2026
One-click install
npx skills add https://github.com/glwr/ai-coding-base --skill design-review-glwr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/glwr/ai-coding-base/tree/main/apple/.claude/skills/design-review
Command: npx skills add https://github.com/glwr/ai-coding-base --skill design-review-glwr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual UI visual QA is time‑consuming and error‑prone, especially when ensuring compliance with design tokens, HIG, and accessibility across multiple device modes.

Core Features & Use Cases

  • Simulator Screenshot Capture for light, dark, dynamic type, and iPad layouts.
  • Token & HIG Compliance Checks against docs/design-system.md, covering colors, spacing, typography, and more.
  • Automated Findings Report with severity levels, optional auto‑fix, and GitHub issue generation.
  • Contextual Learning updates to design patterns and learnings after each review.

Quick Start

Invoke /design-review with a feature name or "all" to start a full visual audit of the app.

Frequently Asked Questions about design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate a visual UI audit for an iOS app using Simulator screenshots?

To automate a visual UI audit, this Skill captures Simulator screenshots across light, dark, dynamic type, and iPad layouts, then compares them against your design system and HIG guidelines to generate detailed findings with severity levels.

What is the best way to check iOS app accessibility and HIG compliance automatically?

Checking iOS app accessibility and HIG compliance is done by capturing screenshots across different device modes via xcrun Simulator, validating against docs/design-system.md, and producing a report with severity levels and optional auto-fixes.

Do I need xcrun Simulator access to run a design system audit on my iOS app?

Yes, you need xcrun Simulator access to capture the required light, dark, dynamic type, and iPad layouts for comparing your app's visual UI against the project's design tokens and HIG guidelines.

Can I automatically generate GitHub issues from iOS visual UI review findings?

Yes, you can automatically generate GitHub issues from visual UI review findings, providing detailed severity levels and optional auto-fixes directly from the captured Simulator screenshots and design system analysis.

How does an automated UI audit handle dark mode and dynamic type layouts in iOS?

An automated UI audit handles dark mode and dynamic type by capturing specific Simulator screenshots for each layout mode, then validating the visual output against your design tokens and accessibility guidelines.

What design tokens are checked during an iOS Simulator visual UI review?

During an iOS Simulator visual UI review, design tokens defining colors, spacing, and typography are checked against the project's design-system.md documentation to ensure full visual compliance.