mcpField
S
swiftui-design-skill

swiftui-design-skill

github.com/podoDesign & UI30158 installsUpdated 4d ago
Repository

About swiftui-design-skill

A skill for shaping the visual style of SwiftUI interfaces, aimed at people designing iOS and macOS apps. It focuses on design direction, layout, typography, color, brand assets, and visual review rather than code structure.

Key features

  1. 01Visual direction and style selection
  2. 02Layout and spacing systems
  3. 03Typography and color guidance
  4. 04Brand asset integration
  5. 05Multidimensional UI design review

Use cases

  1. 01Choosing a visual direction for a new app
  2. 02Refining a generic-looking SwiftUI screen
  3. 03Prototyping polished iOS interfaces

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill swiftui-design-skill

After installing, type/swiftui-design-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

swiftui-design-skill

Catalogue stub — full skill: wholiver/swiftui-design-skill

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as swiftui-design-skill, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/swiftui-design-skill ] && echo "global" || echo "project"

    Global:

    npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -g -y

    Project:

    npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: MIT

Invoke after install

  • Skill name: swiftui-design-skill
  • Trigger phrases: "SwiftUI design", "SwiftUI visual design", "iOS visual design", "SwiftUI aesthetics"

What it does

SwiftUI visual design skill for building distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Focuses on the aesthetic layer rather than code structure: design direction and visual style selection, layout and spacing systems, typography, color, brand-asset integration, and a multi-dimension design review of the resulting UI. Use when a SwiftUI screen looks generic or AI-generated, when choosing a visual direction for a new app, or when prototyping polished iOS interfaces.

When NOT to use

  • SwiftUI code architecture, view composition, or idiomatic patterns → use swiftui-patterns
  • iOS 26 Liquid Glass APIs, animations, and verified UI component code → use swiftui-claude-skills
  • Apple platform interaction/HIG conformance rather than visual craft → use apple-hig-skills
  • Cross-platform mobile design (Android + iOS) → use mobile-app-ui-design or mobile-app-design

Comments

Markdown supported