Does this skill support the latest SwiftUI features?

Yes, it specifically utilizes the modern #Preview macro and follows current SwiftUI best practices for performance and readability.

Is it compatible with both Light and Dark modes?

Absolutely. It generates color logic and previews specifically intended to work seamlessly across both Light and Dark color schemes.

How does it handle previewing different data states?

The skill automatically generates multiple #Preview blocks for default, data-filled, empty, loading, and error states.

Does it create standard iOS 'Settings' style menus?

While it can, the skill's core philosophy encourages creating more distinctive and engaging UIs rather than just relying on generic system defaults.

Can it detect my existing app components?

Yes, the skill is designed to search your project directories like Components/ or Shared/ to find and reuse existing code for consistency.

iOS SwiftUI UI Builder

Name: iOS SwiftUI UI Builder
Author: hiragram

byhiragram

•

Mobile Development

Generates distinctive, production-ready SwiftUI interfaces and preview macros while leveraging existing project components and design patterns.

The iOS UI Builder skill streamlines the mobile development process by converting natural language requirements into high-quality SwiftUI code. It goes beyond basic code generation by prioritizing aesthetic excellence over generic system defaults, automatically integrating with your project's existing design system and common components. By generating comprehensive #Preview macros for multiple states—including Dark Mode, loading states, and various device sizes—this skill ensures that your UI is robust, responsive, and consistent with your app's unique brand identity.

Key Features

01Automated SwiftUI View and #Preview macro generation for multiple states

02Dynamic support for Dark Mode, Dynamic Type, and edge-case previews

03Guidance on custom typography, gradients, and advanced layout structures

04Smart detection and reuse of existing UI components and design systems

051 GitHub stars

06Optimized layout strategies for complex stacks, grids, and scroll views

Use Cases

01Generating a complete functional screen from a high-level UI request

02Designing distinctive custom interfaces that stand out from standard iOS system looks

03Creating reusable UI components that adhere to an existing project's theme

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hiragram/claude-code-plugins ui-mock-builder

For use in Claude.ai and ChatGPT

Download Skill