swiftui-design-skill

Official

Ship SwiftUI UI that avoids AI slop.

AuthorAradotso
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you design SwiftUI interfaces that look intentional, brand-consistent, and production-ready instead of generic or AI-generated “slop”.

Core Features & Use Cases

  • Anti-AI Slop 6 Iron Rules: Enforces constraints for context-first design, “junior designer mode” placeholders, 2–3 variant directions, and strict bans on common bad patterns (e.g., purple-blue gradients, emoji icons, heavy shadows).
  • Design Direction Advisor: Produces 3 differentiated design directions mapped to 5 design schools so vague requirements become actionable UI choices.
  • Brand Asset Integration Protocol: Guides you through collecting brand colors/fonts/assets and converting them into usable design tokens for SwiftUI.
  • 5-Dimension Review System: Scores philosophy, visual hierarchy, detail execution, functionality, and originality to ensure the output meets a ≥7/10 bar across the board.

Quick Start

Ask for a SwiftUI screen design with your brand guidelines (or brand name + existing assets) and explicitly request that the output includes 2–3 alternative directions and passes the 5-dimension review.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: swiftui-design-skill
Download link: https://github.com/Aradotso/design-skills/archive/main.zip#swiftui-design-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.