swiftui-design-skill

Designs SwiftUI interfaces with anti-slop rules, design tokens, and structured review workflows.

Updated Aug 12, 2026
One-click install
npx skills add https://github.com/Barbaros911/As-mine --skill swiftui-design-skill-barbaros911
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-design-skill
Source: https://github.com/Barbaros911/As-mine/tree/main/.claude/skills/swiftui-design-skill
Command: npx skills add https://github.com/Barbaros911/As-mine --skill swiftui-design-skill-barbaros911

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? AI-generated iOS interfaces often look generic, relying on purple-blue gradients, emoji icons, and template-like layouts. This Skill provides a structured design workflow that produces distinctive, brand-aware SwiftUI interfaces with consistent design tokens and enforced quality checks. ## Core Features & Use Cases - Anti-AI-Slop Rules: Six iron rules banning generic patterns (gradients, emoji icons, left-border cards) with concrete SwiftUI replacement code. - Design Direction Advisor: Recommends three differentiated visual directions from five design schools (Informational, Editorial, Expressive, Functional, Warm Minimal) when requirements are vague. - Brand Asset Protocol: A five-step process to collect, verify, and document brand colors, fonts, and spacing into a brand-spec.md file. - 5-Dimension Review: Scores designs on philosophy, hierarchy, craft, functionality, and originality before shipping. - Use Case: Ask your agent to design a new iOS settings screen; it will propose design directions, generate compilable SwiftUI code with design tokens, and validate the result against the review checklist. ## Quick Start Ask your AI agent to design a SwiftUI profile screen for your iOS app using a warm minimal style with your brand colors.

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 a SwiftUI interface that doesn't look AI-generated?▼

Follow the six anti-slop rules: avoid purple-blue gradients, use SF Symbols instead of emoji, apply an 8pt spacing grid, and define custom design tokens for colors and fonts. Present two to three design directions before committing to one.

What design directions can I choose for an iOS app?▼

The skill offers five design schools: Informational (data-first), Editorial (serif magazine layout), Expressive (bold color and motion), Functional (dense utility), and Warm Minimal (soft neutrals). It recommends three differentiated directions with color palettes and typography pairings.

Does this skill work with Cursor and other AI coding agents?▼

Yes, the skill is agent-agnostic and works with Claude Code, Cursor, Codex, OpenCode, and Hermes. It installs via npx skills add and loads its SKILL.md instructions into any compatible agent.

When should I not use this SwiftUI design skill?▼

Avoid it for pure backend work, fixing SwiftUI compilation errors, performance optimization, or accessibility-only audits. Those tasks belong to a code-quality skill like swiftui-expert-skill, which complements this design-focused skill.

How do I integrate brand guidelines into a SwiftUI app?▼

Use the five-step Brand Asset Protocol: ask for guidelines, search official sources, download real assets, verify hex color values, then write a brand-spec.md documenting colors, fonts, spacing tokens, and logo rules.

Why does my SwiftUI layout code fail to compile from design examples?▼

The code examples require the Color(hex:) and Color(light:dark:) extensions from references/swift-extensions.md. Copy those extensions into your project first, and use Font.system with .serif design instead of Font.custom("New York").