swiftui-design

Design SwiftUI interfaces following Apple Human Interface Guidelines.

4|Updated Dec 11, 2022
One-click install
npx skills add https://github.com/namuan/namuan --skill swiftui-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-design
Source: https://github.com/namuan/namuan/tree/main/agents/skills/swiftui-design
Command: npx skills add https://github.com/namuan/namuan --skill swiftui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams craft distinctive, production-grade SwiftUI interfaces that follow Apple Human Interface Guidelines, avoiding generic visuals and inconsistent typography.

Core Features & Use Cases

  • Produces polished UI components across iOS, macOS, watchOS, and tvOS.
  • Ensures accessibility, dynamic type, and dark mode compatibility.
  • Provides guidelines for typography, color, layout, and motion with concrete examples.

Quick Start

Design a polished SwiftUI screen that demonstrates bold typography, cohesive color, and accessible states.

Frequently Asked Questions about swiftui-design

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

FAQPage Schema
How do I design SwiftUI interfaces that follow Apple Human Interface Guidelines?

To design SwiftUI interfaces following Apple Human Interface Guidelines, apply production-grade components that ensure distinctive visuals, consistent typography, and accessible layouts across iOS, macOS, watchOS, and tvOS.

What is the best way to build accessible SwiftUI components for multiple Apple platforms?

Building accessible SwiftUI components for multiple Apple platforms involves applying dynamic type, cohesive color schemes, and dark mode compatibility to ensure interfaces function across iOS, macOS, watchOS, and tvOS.

How do I avoid generic visuals and inconsistent typography in SwiftUI?

Avoid generic visuals and inconsistent typography in SwiftUI by applying specific guidelines for bold typography, cohesive color, layout, and motion to produce polished UI components with concrete examples.

Can I use this approach to create production-grade SwiftUI screens with dark mode compatibility?

Yes, you can create production-grade SwiftUI screens with dark mode compatibility by implementing working code that demonstrates bold typography, accessible states, and cohesive color schemes across Apple platforms.

Does designing SwiftUI interfaces for watchOS and tvOS require different layout considerations?

Designing SwiftUI interfaces for watchOS and tvOS requires adapting layout, typography, and interaction details to each platform, ensuring accessible components and distinctive visuals aligned with Apple Human Interface Guidelines.