Swiftui Design
Give solo builders shipping SwiftUI or native Apple UIs structured anti-slop rules, design direction, and a five-dimension review instead of generic AI layouts.
Overview
swiftui-design is an agent skill most often used in Build (also Validate, Ship) that steers SwiftUI and native Apple UI away from AI-slop via design direction, brand protocols, and a five-dimension review.
Install
npx skills add https://github.com/nexu-io/open-design --skill swiftui-designWhat is this skill?
- Anti AI-slop rules tuned for SwiftUI and Apple Human Interface expectations
- Design direction advisor before committing to a visual system
- Brand asset protocol so icons, colors, and type stay consistent
- Five-dimension review checklist for polishing screens before ship
- Works with Claude Code, Cursor, Codex, and OpenCode via upstream bundle install
- Five-dimension review pass for SwiftUI UI quality
Adoption & trust: 792 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
Your SwiftUI screens look like interchangeable AI layouts and you lack a repeatable way to pick a direction, enforce brand assets, and review quality before users see the app.
Who is it for?
Indie iOS or multiplatform Apple builders who want agent-guided visual discipline on SwiftUI projects before merging UI changes.
Skip if: Teams that only need cross-platform React or web CSS systems, or builders who already have a locked design system and formal design review with no agent involvement.
When should I use this skill?
Trigger when the user mentions swiftui design, ios design, native ui design, apple frontend, or swiftui slop.
What do I get? / Deliverables
You get explicit design direction, brand-consistent asset rules, and a five-dimension review so SwiftUI screens read as intentional native UI rather than generic slop.
- Documented design direction for SwiftUI screens
- Brand asset usage notes
- Five-dimension review findings
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Native UI work lands in Build because screens and components are implemented in SwiftUI; this skill is the canonical shelf for Apple frontend design quality. Frontend is where SwiftUI composition, typography, and brand-consistent views are decided and coded—matching the skill’s SwiftUI and native UI triggers.
Where it fits
Pick a visual direction for a landing-adjacent iOS prototype before writing full SwiftUI navigation.
Apply anti-slop rules while generating Settings and onboarding SwiftUI views.
Run the five-dimension review on tab bars and typography before TestFlight.
Align in-app chrome with App Store screenshots so brand assets stay consistent.
How it compares
Use as a SwiftUI-focused design-system skill package, not a Figma plugin or a generic web-only UI checklist.
Common Questions / FAQ
Who is swiftui-design for?
Solo and indie developers shipping SwiftUI or native Apple frontends who want structured design guidance and review criteria inside Claude Code, Cursor, Codex, or OpenCode.
When should I use swiftui-design?
During Validate when scoping prototype UI direction, in Build while composing SwiftUI views and brand assets, and in Ship when running a five-dimension polish review before release.
Is swiftui-design safe to install?
This Open Design catalogue entry points at an external GitHub upstream; review the Security Audits panel on this Prism page and inspect the upstream repo before copying scripts into your agent environment.
SKILL.md
READMESKILL.md - Swiftui Design
# swiftui-design > Curated from @wholiver. ## What it does SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode. ## Source - Upstream: https://github.com/wholiver/swiftui-design-skill - Category: `design-systems` ## How to use This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/wholiver/swiftui-design-skill ``` Then ask the agent to invoke this skill by name (`swiftui-design`) or with one of the trigger phrases listed in this skill's frontmatter.