Does this skill provide automatic code fixes?

Yes, it provides 'Before' and 'After' code snippets and specific implementation suggestions to help you refactor your code to meet design system standards immediately.

What specifically does the design audit check in my SwiftUI code?

It checks for hardcoded colors and fonts, incorrect spacing values, missing accessibility labels, small tap targets, proper theme environment usage, and whether standard components should be used instead of custom implementations.

How do I trigger an audit on a specific file?

You can trigger the skill by asking Claude to 'audit the design,' 'check UI compliance,' or 'perform a design review' while referencing your SwiftUI files.

Can this be used for accessibility compliance?

Absolutely. It flags critical accessibility issues such as missing labels on interactive elements and ensures your UI supports Dynamic Type and sufficient contrast ratios.

SwiftUI Design System Auditor

Name: SwiftUI Design System Auditor
Author: no-problem-dev

byno-problem-dev

•

Herramientas de Diseño

Audits SwiftUI views for design system compliance, identifying token violations, component replacements, and accessibility gaps.

The SwiftUI Design System Auditor is a specialized skill for Claude Code that automates the UI review process for iOS developers. It systematically scans SwiftUI source code to detect hardcoded values—such as hex colors, fixed font sizes, and absolute spacing—and suggests their equivalent design system tokens. Beyond simple linting, the skill identifies custom UI patterns that should be replaced with standardized components, verifies critical accessibility standards like tap target sizes, and ensures robust support for dark mode and dynamic type. It generates a comprehensive audit report categorized by severity, making it an indispensable tool for maintaining visual consistency across large-scale mobile applications.

Características Principales

01Structured Audit Reports: Generates detailed Markdown reports classifying issues into Critical, Warning, and Recommendation levels.

02Component Optimization: Recommends replacing custom UI implementations with standardized design system components like Cards or Chips.

03Accessibility Auditing: Validates accessibility labels, minimum tap targets, and Dynamic Type support.

04Token Compliance Scanning: Detects and suggests replacements for hardcoded colors, typography, and spacing values.

05Theme & Preview Validation: Checks for correct ThemeProvider implementation and comprehensive SwiftUI Preview coverage.

064 GitHub stars

Casos de Uso

01Design System Migration: Systematically updating legacy SwiftUI views to use a newly implemented design system.

02Automated UI Reviews: Integrating design audits into the development workflow to catch UI departures before pull requests.

03Accessibility Compliance: Ensuring all interactive elements meet Apple's Human Interface Guidelines for accessibility and touch targets.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add no-problem-dev/claude-code-plugins design-audit

For use in Claude.ai and ChatGPT

Download Skill