design-review

Compare SwiftUI implementations against design documents to identify UI conformance gaps.

1|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/WHITS-ISLAND/inspirehub-mobile --skill design-review-whits-island
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/WHITS-ISLAND/inspirehub-mobile/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/WHITS-ISLAND/inspirehub-mobile --skill design-review-whits-island

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

画面設計書とSwiftUIデザインガイドに対して現在の実装の準拠状況をレビューする。

Core Features & Use Cases

  • 設計準拠の検証: 画面設計書とデザインガイドに沿って実装を照合します。
  • チェック項目の適用: カラーパレット、タイポグラフィ、スペーシング、コンポーネント構成、アクセシビリティを横断して検証します。
  • 差分レポートと改善提案: 見つかった差分と改善案をレポートとして出力します。

Quick Start

対象画面名を指定して現在の実装が設計書とSwiftUIデザインガイドに準拠しているかを自動で検証する。

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I validate SwiftUI implementation against design specifications?

To validate SwiftUI implementation against design specifications, you audit your source files by comparing them directly with screen design documents, checking color, typography, spacing, components, and accessibility to identify conformance gaps and output a diff report.

What is the best way to check SwiftUI accessibility conformance in my codebase?

Checking SwiftUI accessibility conformance involves scanning your source files against defined design criteria to verify that implemented UI components and screen layouts match the accessibility rules specified in your design documentation.

Can I review all SwiftUI screens for UI conformance at once?

Yes, you can review all SwiftUI screens at once. The validation process applies to both per-screen reviews and entire codebase audits, cross-referencing your SwiftUI source files against design docs to ensure comprehensive UI conformance across the project.

Do I need design documents to run a SwiftUI design review?

Yes, design documents are required. The review process requires access to docs/design and your SwiftUI source files to verify color, typography, spacing, and component conformance, applying defined criteria from the frontmatter and processing flow to identify gaps.

What does a SwiftUI design review report include?

A SwiftUI design review report includes identified differences between your design documents and current implementations, detailing specific conformance gaps in color, typography, spacing, components, and accessibility, along with actionable improvement suggestions.