ios-design

Generate SwiftUI components that follow the <YOUR_APP> design system.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/bzellman/earp-kit --skill ios-design-bzellman
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-design
Source: https://github.com/bzellman/earp-kit/tree/main/skills/project/your-monorepo/ios-design
Command: npx skills add https://github.com/bzellman/earp-kit --skill ios-design-bzellman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design and implement production-grade SwiftUI interfaces that conform to the <YOUR_APP> design system while aligning with Apple Human Interface Guidelines.

Core Features & Use Cases

  • Gathers design library preferences, visual references, and requirements before implementation.
  • Guides through a multi-step process: design library selection, clarifying questions, Plan Mode design, and production-ready SwiftUI code generation.
  • Useful for creating new views, screens, or UI patterns with a complete design-to-code workflow.

Quick Start

Describe the UI you want and let Claude guide you from design planning to SwiftUI implementation.

Frequently Asked Questions about ios-design

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

FAQPage Schema
How do I generate SwiftUI views that match my design system?

To generate SwiftUI views that match your design system, describe the UI you need and the system guides you through library selection, clarifying questions, design planning, and production-ready code generation. It ensures token usage and accessibility compliance throughout the process.

What is the best way to align SwiftUI components with Apple Human Interface Guidelines?

The best way to align SwiftUI components with Apple Human Interface Guidelines is to use a plan-to-code workflow that gathers design library preferences and visual references before implementation. This ensures token usage and accessibility standards are met during UI pattern creation.

Can I use design tokens to build a SwiftUI component library?

Yes, you can use design tokens to build a SwiftUI component library by coordinating iOS UI design through a multi-step process. This process involves selecting design libraries, answering clarifying questions, and generating production-ready code that adheres to your system.

Does this approach work for creating new screens and UI patterns?

Yes, this approach works for creating new screens and UI patterns by guiding you from design planning to SwiftUI implementation. It is specifically applicable to requests for new views and ensures the output conforms to your design system and accessibility requirements.

How does the design-to-code workflow handle visual references?

The design-to-code workflow handles visual references by gathering them alongside design library preferences and requirements before implementation. This ensures the generated SwiftUI code accurately reflects the intended UI patterns and design system constraints.