When should I use this skill?

Use the iOS Design skill whenever you need to build an iOS screen, custom component, or entire view. It's ideal for translating a design concept into functional, high-quality code that goes beyond generic templates.

How does this skill improve my workflow?

It accelerates your workflow by translating UI requirements directly into well-structured SwiftUI code. This saves significant time on design implementation, allowing you to focus on core app logic and refining the user experience.

What does the iOS Design skill do?

This skill helps Claude generate distinctive, production-grade iOS user interfaces using SwiftUI. It focuses on creating polished, native-feeling designs that adhere to Apple's Human Interface Guidelines while incorporating unique creative choices.

What key capabilities does it provide?

The skill generates SwiftUI code that incorporates advanced design principles for typography, color, and motion. It expertly handles light/dark modes, accessibility, sophisticated animations, haptics, and ensures the correct use of native components and SF Symbols.

iOS Design

Name: iOS Design
Author: pokotieru-mashumaro

bypokotieru-mashumaro

0•

Mobile Development

Creates distinctive, production-grade iOS interfaces with SwiftUI, respecting Apple's Human Interface Guidelines.

Build polished, native-feeling iOS interfaces that go beyond generic templates. This skill guides the creation of memorable user experiences using SwiftUI, with a strong emphasis on design thinking, visual refinement, and thoughtful animation. Use it to generate production-ready code for screens, components, and views that feel authentically Apple yet possess a unique character, ensuring they look great in both light and dark modes and adapt to accessibility needs.

Key Features

01Ensures adherence to Apple's Human Interface Guidelines while encouraging unique design choices.

02Applies core design principles for typography, color, motion, and spatial composition.

03Identifies and avoids common anti-patterns that lead to generic or non-native UIs.

04Incorporates advanced SwiftUI techniques, including sophisticated animations, custom gestures, and haptic feedback.

05Generates production-grade SwiftUI code for custom components, views, and screens.

060 GitHub stars

Use Cases

01Prototyping a new iOS app screen with a focus on a polished user experience.

02Refactoring a generic-looking view to feel more distinct and aligned with Apple's design language.

03Building a custom SwiftUI component with unique animations and interactions.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pokotieru-mashumaro/claude-code-template-ios-backend ios-design

For use in Claude.ai and ChatGPT

Download Skill