swiftui-design
nexu-io/open-design
Anti-slop SwiftUI design guidance with brand asset protocol and five-dimension review.
What is swiftui-design?
A design system skill for SwiftUI frontend development that provides design direction, anti-AI-slop rules, and structured design review. Use it when building native iOS interfaces to maintain design quality and brand consistency.
- Enforces anti-AI-slop design rules to prevent low-quality outputs
- Provides design direction and guidance for SwiftUI interfaces
- Implements brand asset protocol for consistent visual identity
- Performs five-dimension design review for comprehensive quality assessment
- Works across 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- Access to Claude Code, Cursor, Codex, or OpenCode
- Installation of the upstream skill bundle from https://github.com/wholiver/swiftui-design-skill
How to use swiftui-design
- 1.Install the upstream skill bundle by following the README at https://github.com/wholiver/swiftui-design-skill
- 2.Add the skill to your agent's skills directory using the provided installation path
- 3.Invoke the skill by name (swiftui-design) or use trigger phrases like 'swiftui design', 'ios design', 'native ui design', 'apple frontend', or 'swiftui slop'
- 4.Ask the agent to apply design review and guidance to your SwiftUI components
Use cases
- Building native iOS apps with consistent design quality
- Reviewing SwiftUI component designs against brand standards
- Ensuring frontend interfaces avoid common AI-generated design pitfalls
- Maintaining visual consistency across multiple screens and features
- Guiding design decisions during iOS app development
- iOS developers
- SwiftUI developers
- Design system maintainers
- Frontend engineers building native Apple interfaces
- Teams prioritizing design quality over rapid prototyping
swiftui-design FAQ
Anti-slop refers to rules and practices that prevent low-quality, generic AI-generated design outputs, ensuring higher design standards and originality.
Yes, this skill works with Claude Code, Cursor, Codex, and OpenCode.
The skill performs a comprehensive design review across five dimensions, though specific dimensions are detailed in the upstream repository.
Yes, to run the full workflow with original assets, scripts, and references, you should install the upstream bundle from https://github.com/wholiver/swiftui-design-skill.
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 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:
# 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 with 10 pre-set designs.
threejs
Create 3D scenes, materials, and interactive experiences with Three.js in the browser.
ui-skills
Opinionated UI constraints to keep agent-generated interfaces coherent across components.