ios-ui-craft

Generate production-grade SwiftUI iOS screens with cohesive design and Liquid Glass.

Updated May 6, 2026
One-click install
npx skills add https://github.com/Roy-wonji/claude-config --skill ios-ui-craft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-ui-craft
Source: https://github.com/Roy-wonji/claude-config/tree/main/skills/apple-skills/skills/ios-ui-craft
Command: npx skills add https://github.com/Roy-wonji/claude-config --skill ios-ui-craft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

iOS interfaces often look generic or miss the deliberate visual refinement needed to feel truly Apple-grade and memorable.

Core Features & Use Cases

  • Production-grade SwiftUI UI generation: Creates working screens and components with cohesive design choices rather than default “AI slop.”
  • Bold aesthetic direction with guardrails: Forces a clear visual point-of-view (typography, palette, glass usage, depth, motion, and composition) before any code is written.
  • Screenshot-driven visual iteration: Guides iterative implementation until the result is share-worthy, polished in light/dark mode, and meets accessibility expectations.

Quick Start

Generate a visually striking SwiftUI iOS screen for a “Daily Stats” dashboard with a premium look, using Liquid Glass only for navigation/controls, and include polished empty/loading/error states with accessible typography and bouncy motion.

Frequently Asked Questions about ios-ui-craft

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

FAQPage Schema
How do I generate production SwiftUI screens with Apple-level visual refinement?

Production SwiftUI screens with Apple-level visual refinement require committing to a bold aesthetic direction for typography, color, depth, and motion before coding, then iterating with screenshot verification until the UI is fully polished.

What is the best way to build Liquid Glass UI for iOS 26+ in SwiftUI?

The best way to build Liquid Glass UI for iOS 26+ is to designate Liquid Glass specifically for navigation and controls, establishing a cohesive visual point-of-view that enforces anti-pattern avoidance before implementing the SwiftUI components.

How do I avoid generic AI slop when creating iOS UI designs in SwiftUI?

To avoid generic AI slop in iOS UI designs, enforce deliberate visual refinement by defining cohesive typography, palettes, glass usage, and bouncy motion upfront, ensuring the SwiftUI output meets Apple design aesthetics rather than defaulting to generic layouts.

Does SwiftUI UI generation support polished empty, loading, and error states?

SwiftUI UI generation supports polished empty, loading, and error states by enforcing accessible typography and cohesive design choices across all screen states, ensuring light and dark mode refinement throughout the screenshot-driven iteration process.

When should I enforce a bold aesthetic direction before implementing SwiftUI components?

You should enforce a bold aesthetic direction before implementing SwiftUI components to prevent anti-patterns, ensuring that typography, palette, glass usage, depth, and motion are cohesive and meet Apple design aesthetics prior to writing any code.