ios-design-agent-skill

Audit and improve iOS SwiftUI app aesthetics across typography, color, spacing, motion, and depth.

Updated Aug 14, 2026
One-click install
npx skills add https://github.com/tvh25082004/Badminton --skill ios-design-agent-skill-tvh25082004
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-design-agent-skill
Source: https://github.com/tvh25082004/Badminton/tree/main/.claude/skills/ios-design
Command: npx skills add https://github.com/tvh25082004/Badminton --skill ios-design-agent-skill-tvh25082004

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? iOS apps often ship with generic, default-styled interfaces that lack visual personality and polish. This Skill applies rigorous design-studio standards to audit SwiftUI screens and code, identifying where an app settles for system defaults and providing concrete fixes. ## Core Features & Use Cases - Five-Pillar Design Audit: Evaluates typography (SF font design axes), color systems, spatial composition, motion and haptics, and atmospheric depth with specific SwiftUI code examples. - Prioritized Recommendations: Ranks suggestions by user impact, severity, and implementation cost, with exact SwiftUI code for every fix. - Use Case: You have a working SwiftUI app that functions correctly but looks plain. Run an audit to get a structured report with high, medium, and low-priority design improvements, each including the exact file, problem, and code fix. ## Quick Start Audit the UI design of my SwiftUI app by reviewing these screenshots and view files, then suggest prioritized improvements.

Frequently Asked Questions about ios-design-agent-skill

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

FAQPage Schema
How do I improve the visual design of my SwiftUI app?▼

Audit your app across five pillars: typography, color, spatial composition, motion, and depth. The audit reviews screenshots and SwiftUI code, then returns prioritized suggestions with exact code fixes for each screen, ranked by user impact and implementation cost.

How to add typographic contrast in SwiftUI without custom fonts?▼

Use San Francisco's four design axes via .fontDesign(.serif), .fontDesign(.rounded), and .fontDesign(.monospaced) to differentiate content types. Combine with font weights, .smallCaps() for labels, and .monospacedDigit() for changing numbers, all while keeping Dynamic Type support.

Does this design audit support iOS 17 SwiftUI APIs?▼

Yes, the audit targets iOS 17+ SwiftUI exclusively, using modern APIs like .sensoryFeedback, .symbolEffect, .scrollTransition, and PhaseAnimator. It does not suggest UIKit workarounds when SwiftUI alternatives exist.

Can I use custom fonts or hardcoded colors in the suggestions?▼

No. The audit enforces system fonts only and prefers semantic system colors like Color(.secondarySystemBackground) that work in both light and dark mode. Hardcoded colors and fixed font sizes are flagged as red flags.

What accessibility constraints apply to animation suggestions?▼

Every animation suggestion must respect accessibilityReduceMotion, every color must maintain contrast ratios, and haptics are additive rather than required. Dynamic Type semantic sizes are mandatory for readable text.