design-audit

Audit SwiftUI Views for Design System token compliance and accessibility.

5|Updated Nov 29, 2025
One-click install
npx skills add https://github.com/no-problem-dev/claude-code-plugins --skill design-audit-no-problem-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-audit
Source: https://github.com/no-problem-dev/claude-code-plugins/tree/main/plugins/swift-design-system/skills/design-audit
Command: npx skills add https://github.com/no-problem-dev/claude-code-plugins --skill design-audit-no-problem-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the tedious and error-prone process of manually checking SwiftUI Views for adherence to your project's Design System, ensuring consistency and quality.

Core Features & Use Cases

  • Token Compliance: Detects hardcoded values for colors, spacing, and typography, enforcing the use of Design System tokens.
  • Component Usage: Identifies opportunities to replace custom implementations with existing Design System components.
  • Accessibility Checks: Verifies essential accessibility standards like tap target size and label presence.
  • Use Case: Before merging a new feature, run this audit on all new UI components to catch any deviations from the established design language, preventing visual inconsistencies and technical debt.

Quick Start

Run the design-audit skill on the file UserProfileView.swift to check its Design System compliance.

Frequently Asked Questions about design-audit

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

FAQPage Schema
How do I audit SwiftUI views for design system compliance?

To audit SwiftUI views for design system compliance, run an automated check that analyzes token usage, component patterns, accessibility, and theme support. It generates a structured report categorizing deviations by severity to catch visual inconsistencies.

What is the best way to check SwiftUI code for hardcoded colors and spacing?

Checking SwiftUI code for hardcoded colors and spacing is done by scanning for token compliance. This process detects hardcoded values for colors, spacing, and typography, enforcing the use of designated design tokens to ensure consistency.

Can I automatically verify accessibility in SwiftUI components?

Yes, you can automatically verify accessibility in SwiftUI components. The audit checks for essential accessibility standards, specifically verifying tap target sizes and label presence to prevent accessibility violations before merging.

How does component usage analysis work for SwiftUI design systems?

Component usage analysis for SwiftUI design systems works by identifying opportunities to replace custom implementations with existing design system components. It analyzes code for incorrect component patterns to prevent technical debt.

When should I run a design system audit on my SwiftUI files?

You should run a design system audit on your SwiftUI files before merging a new feature. Running the audit on all new UI components catches any deviations from the established design language, preventing visual inconsistencies and technical debt.

Does the SwiftUI audit support theme analysis?

Yes, the SwiftUI audit supports theme analysis. It evaluates your code to ensure proper theme support alongside token compliance, component usage, and accessibility checks, providing a comprehensive structured report of any issues found.