skills.rest
sunfmin
sunfminCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

apple-ui-from-spec

Generate SwiftUI views and PNG snapshots from Apple-platform UI specs.

Updated Apr 26, 2026
Search Tags:#swiftui#code-generation#apple-ui#macos-ios#offscreen-rendering#spec-to-ui#snapshot-tool
One-click install
npx skills add https://github.com/sunfmin/apple-ui-from-spec --skill apple-ui-from-spec
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-ui-from-spec
Source: https://github.com/sunfmin/apple-ui-from-spec/tree/main
Command: npx skills add https://github.com/sunfmin/apple-ui-from-spec --skill apple-ui-from-spec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns an Apple-platform UI spec (macOS, iOS, or iPadOS) that defines multiple screens or dialogs into production-ready SwiftUI views and PNG snapshots of every screen, without launching the app, enabling faster design-to-code handoff and CI-ready validation.

Core Features & Use Cases

  • Generate drop-in SwiftUI views that require no fixture imports or app scaffolding, ready for integration into a real app.
  • Produce PNG snapshots for every screen/state offscreen to support reviews, design validation, and visual QA.
  • Persist an inventory of screens and states to docs/screens.md and provide a design-review trail via docs/review-round-*.md for iterative refinement.

Quick Start

Paste the Apple UI spec into Claude Code to generate integration-ready SwiftUI views and PNG snapshots without launching the app.

Frequently Asked Questions about apple-ui-from-spec

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

FAQPage Schema
How do I generate SwiftUI views from a UI spec for iOS and macOS?▼

You can generate SwiftUI views from a UI spec by pasting the Apple-platform UI specification into Claude Code, which decomposes the spec into a multi-screen inventory and outputs production-ready SwiftUI views within a Swift Package.

Can I capture SwiftUI view snapshots offscreen without launching the app?▼

Yes, you can capture SwiftUI view snapshots offscreen without launching the app by using the generated SnapshotTool target, which renders PNG snapshots for every screen and state directly.

What is the best way to validate Apple UI designs before integrating them into an app?▼

Validating Apple UI designs before app integration is best achieved by generating offscreen PNG snapshots and running an optional frontend-design review loop to iteratively check visuals against the spec.

Does this code generation approach support multiple screens and dialogs in one UI spec?▼

Yes, this code generation approach supports multiple screens and dialogs by decomposing a single Apple UI spec into a complete inventory of screens and states, persisting the structure to docs/screens.md.

How do I handle iterative design refinement for generated SwiftUI views?▼

Handling iterative design refinement for generated SwiftUI views involves using the built-in design-review loop, which validates visuals without launching the app and persists review trails in docs/review-round-*.md files.

Do I need app scaffolding or fixture imports to use the generated SwiftUI views?▼

No, you do not need app scaffolding or fixture imports to use the generated SwiftUI views, as they are built as drop-in components ready for integration into a real app within the AppleUIScreens target.

Related Skills

Explore More Software Engineering Skills→
pyronaurpyronaur

hig-platforms

Guide platform-specific UI design using Apple Human Interface Guidelines.

Community
Intermediate
ano4lano4l

snapshot-test-setup

Automate SwiftUI snapshot testing for iOS and macOS views.

Community
Advanced
1337hero1337hero
1

visual-audit

Screenshot a website and analyze visual composition against design principles.

Community
Intermediate
mazicimertmazicimert

snapshot-test-setup

Generate snapshot test boilerplate and CI configuration for SwiftUI projects.

Community
Intermediate