swiftui-design
nexu-io/open-design
SwiftUI design system with anti-slop rules, brand protocols, and multi-dimensional review for iOS frontends.
What is swiftui-design?
A design-system skill for SwiftUI and native iOS development that enforces design quality standards, prevents AI-generated mediocrity, and provides structured brand asset protocols. Use it when building iOS UIs to maintain consistency and avoid low-quality design patterns.
- Enforces anti-AI-slop design rules to maintain quality standards
- Provides design direction and advisory for SwiftUI components
- Implements brand asset protocol for consistent visual identity
- Performs five-dimension design review for comprehensive quality assessment
- Integrates with Claude Code, Cursor, Codex, and OpenCode agents
How to install swiftui-design
npx skills add https://github.com/nexu-io/open-design --skill swiftui-design- Active agent environment (Claude Code, Cursor, Codex, or OpenCode)
- Access to upstream repository at https://github.com/wholiver/swiftui-design-skill
How to use swiftui-design
- 1.Install the upstream bundle into your agent's skills directory by following the README at https://github.com/wholiver/swiftui-design-skill
- 2.Invoke the skill by name using 'swiftui-design' or trigger phrases like 'swiftui design', 'ios design', 'native ui design', 'apple frontend', or 'swiftui slop'
- 3.Ask the agent to apply design review and direction to your SwiftUI components
- 4.Reference brand asset protocols when building UI elements
- 5.Use the five-dimension review framework to validate design quality
Use cases
- Building iOS apps with consistent, high-quality SwiftUI interfaces
- Reviewing and improving existing SwiftUI designs to avoid generic patterns
- Establishing and maintaining brand consistency across native iOS applications
- Guiding design decisions during iOS frontend development
- Validating design quality before implementation
- iOS developers using SwiftUI
- Design systems teams
- Frontend engineers building native Apple applications
- Teams prioritizing design quality over rapid prototyping
swiftui-design FAQ
It works with Claude Code, Cursor, Codex, and OpenCode.
It enforces design quality standards to prevent generic, low-quality AI-generated design patterns.
Visit the upstream repository at https://github.com/wholiver/swiftui-design-skill for the complete workflow, assets, scripts, and references.
A comprehensive design review framework that evaluates SwiftUI designs across multiple quality dimensions.
The skill is optimized for SwiftUI but may provide value for general native iOS UI design guidance.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: swiftui-design description: | SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode. triggers:
- "swiftui design"
- "ios design"
- "native ui design"
- "apple frontend"
- "swiftui slop" od: mode: design-system category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill"
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 OpenDesign 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:
# 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.
Related skills
More from nexu-io/open-design and the wider catalog.
swiss-creative-mode-template
Premium Swiss/editorial HTML template with bold typography, interactive navigation, and theme switching.
swiss-user-research-video-template
Premium Swiss-editorial user research template with warm paper aesthetics and keyboard-navigable slides.
taste-skill
|
theme-factory
Apply professional font and color themes to slides, docs, reports, and HTML landing pages.
threejs
Create interactive 3D scenes and WebGL experiences in the browser with Three.js.
ui-skills
Opinionated UI constraints to keep agent-generated interfaces coherent and consistent.