skills.rest
Wholiver
WholiverCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-design-skill

Generate and review distinctive SwiftUI designs using a 5-dimension process.

164|8|Updated Apr 30, 2026
Search Tags:#typography#design#ui-design#swiftui#design-system#color-tokens#brand-assets
One-click install
npx skills add https://github.com/Wholiver/swiftui-design-skill --skill swiftui-design-skill-wholiver
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-design-skill
Source: https://github.com/Wholiver/swiftui-design-skill/tree/main
Command: npx skills add https://github.com/Wholiver/swiftui-design-skill --skill swiftui-design-skill-wholiver

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SwiftUI teams struggle to craft interfaces that feel crafted and brand-aligned, often defaulting to generic or AI-slop visuals. This skill provides a structured framework to design, review, and deliver distinctive SwiftUI UI.

Core Features & Use Cases

  • Anti-AI Slop rules and a design philosophy that guides every decision.
  • Design Direction workflow to generate 3 differentiated directions from 5 schools.
  • Brand Asset Protocol to capture brand colors, typography, tokens, and spacing into a brand-spec.md.
  • 5-Dimension Design Review to ensure philosophy, hierarchy, craftsmanship, functionality, and originality.
  • Layout Pattern Library with practical SwiftUI templates and patterns.
  • SwiftUI Extensions and tokens for color, typography, and animation support.

Quick Start

Install the SwiftUI Design Skill in your agent and begin applying the design framework to craft distinctive SwiftUI interfaces.

Frequently Asked Questions about swiftui-design-skill

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

FAQPage Schema
How do I design SwiftUI interfaces that don't look like generic AI slop?▼

You can design distinctive SwiftUI interfaces by applying an anti-AI slop design philosophy, generating differentiated directions, and enforcing a 5-Dimension Review across philosophy, hierarchy, craftsmanship, functionality, and originality.

What is the best way to manage color tokens and typography in a SwiftUI design system?▼

Manage SwiftUI design tokens by capturing brand colors, typography, and spacing into a brand-spec.md file, then applying the provided SwiftUI extensions for consistent token implementation.

How do I conduct a UI review for iOS and macOS apps to ensure brand alignment?▼

Conduct a SwiftUI UI review using a 5-Dimension Review process evaluating philosophy, hierarchy, craftsmanship, functionality, and originality to ensure interfaces remain crafted and brand-aligned across iOS and macOS.

Can I generate multiple differentiated UI directions before building my SwiftUI screens?▼

Yes, you can generate three differentiated UI directions from five distinct design schools using the Design Direction workflow before prototyping and building your new SwiftUI screens.

Does this SwiftUI design workflow require any external dependencies?▼

No, this SwiftUI design workflow requires zero external dependencies, operating entirely within your agent to apply design tokens, layout patterns, and review frameworks.

Related Skills

Explore More Design & Creative Skills→
saiteja007-mvsaiteja007-mv

design-system

Apply brand design tokens to CSS/Tailwind web interfaces.

Community
Advanced
haxlyshaxlys

mobile-ios-design

Guide iOS interface design using HIG principles and SwiftUI patterns.

Community
Intermediate
sorty-organizersorty-organizer
42

swiftui-design

Apply a cohesive SwiftUI design system across iOS and macOS view creation.

Official
Advanced
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic