swiftui-patterns

name	swiftui-patterns
description	Best practices for SwiftUI views and components covering tab architecture, screen composition, and reusable view patterns. Ensures SwiftUI code follows idiomatic structure for maintainable, scalable Apple platform apps.
triggers	["SwiftUI patterns","SwiftUI components","SwiftUI tab architecture","SwiftUI screen"]
das	{"category":"visual-components","upstream":"https://github.com/dimillian/Skills","upstream_path":"swiftui-ui-patterns/SKILL.md","version":"latest","install":true}

swiftui-patterns

Catalogue stub — full skill: dimillian/Skills

Decision tree

Run this before any SwiftUI view or component work:

1. Is the full skill already installed? Check: ~/.design-agent-skills/skills/swiftui-patterns/SKILL.md exists AND does NOT contain a das: block.

   • Yes → invoke swiftui-patterns and proceed
   • No → go to step 2

2. Do you have shell access?

   • Yes → run the install command below, then invoke the skill
   • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add dimillian/Skills --skill swiftui-ui-patterns

Or per-agent:

• Claude Code: claude skills add dimillian/Skills
• Cursor/OpenCode: npx skills add dimillian/Skills --skill swiftui-ui-patterns

Invoke after install

• Skill name: swiftui-patterns
• Trigger phrases: "SwiftUI patterns", "SwiftUI components", "SwiftUI tab architecture", "SwiftUI screen"

What it does

Provides best practices for building SwiftUI views and components on Apple platforms, with a focus on tab-based navigation architecture, screen composition patterns, and reusable view structures. Keeps SwiftUI code idiomatic and avoids common architectural mistakes that cause layout or state management issues.