Does it support custom design systems?

Absolutely. You can prompt the skill to use your existing ColorPalette, Typography styles, and Theme configurations to ensure visual consistency.

Can it refactor large View files?

Yes, you can instruct the skill to extract specific parts of a generated view into reusable subcomponents or separate files.

Is the generated code responsive for iPad?

Yes, the skill can generate adaptive layouts using Environment size classes to ensure your UI looks great on both iPhone and iPad.

Does it handle accessibility best practices?

Yes, the skill is programmed to include VoiceOver labels, Dynamic Type support, and semantic grouping by default.

Can I use screenshots to generate SwiftUI code?

Yes, the skill leverages Claude Vision to analyze UI screenshots and convert them into functional, styled SwiftUI components.

SwiftUI Codegen Expert

Name: SwiftUI Codegen Expert
Author: willsigmon

bywillsigmon

•

Mobile Development

Generates production-grade SwiftUI code from screenshots, Figma designs, and high-level descriptions while maintaining design system consistency.

SwiftUI Codegen Expert is a specialized capability for Claude Code designed to bridge the gap between UI design and implementation. It leverages Claude's vision capabilities to analyze screenshots or design files and transform them into clean, modular SwiftUI code. Beyond simple generation, it excels at extracting design tokens like color palettes and typography, creating responsive layouts for iPhone and iPad, and ensuring accessibility best practices are followed. Whether you are scaffolding a new feature from a mockup or refining existing UI components, this skill streamlines the frontend development process by aligning code output with your project's specific architectural patterns and styling conventions.

主要功能

01Screenshot-to-code conversion using Claude Vision

02Component-based refactoring and subview extraction

03Built-in accessibility support including VoiceOver and Dynamic Type

04Responsive layout generation for iPhone and iPad size classes

057 GitHub stars

06Automated design system extraction for colors, fonts, and spacing

使用场景

01Standardizing existing codebases by extracting and applying consistent design tokens

02Converting complex Figma layouts into production-ready SwiftUI views

03Rapidly prototyping UI components from design mockups or mobile screenshots

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add willsigmon/sigstack swiftui-codegen-expert

For use in Claude.ai and ChatGPT

Download Skill