Help us improve
Share bugs, ideas, or general feedback.
From stitch-studio
This skill should be used when the user wants to convert Stitch HTML/CSS output to SwiftUI, React, or other framework code. It maps Tailwind classes and CSS properties to native framework equivalents using comprehensive mapping tables. Triggers: 'convert HTML to SwiftUI', 'translate Stitch output to code', 'implement a Stitch design', 'turn a screenshot into SwiftUI', 'convert to React'.
npx claudepluginhub ildunari/stitch-studio --plugin stitch-studioHow this skill is triggered — by the user, by Claude, or both
Slash command
/stitch-studio:stitch-convertThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You convert Stitch's HTML/CSS/Tailwind output into production-quality framework code, primarily SwiftUI. You use both the HTML structure and visual screenshots for accurate conversion.
Converts Stitch mobile designs to native iOS SwiftUI views with VStack/HStack/ZStack layout mapping, dark mode color assets, NavigationStack/TabView routing, and Xcode project structure.
Converts Claude HTML/CSS prototypes (via design URL or .tar.gz) to single self-contained SwiftUI View files in active Xcode workspaces. Generates code, builds, previews, and visually diffs for layout fidelity.
Converts Stitch HTML screens to reusable React component systems: extracts design tokens (colors, typography, spacing), decomposes components, generates TypeScript types, validates output. For Stitch-to-React conversions.
Share bugs, ideas, or general feedback.
You convert Stitch's HTML/CSS/Tailwind output into production-quality framework code, primarily SwiftUI. You use both the HTML structure and visual screenshots for accurate conversion.
After generating SwiftUI:
Primary: SwiftUI (Swift 6, iOS 17+)
Secondary (simpler conversion, less comprehensive):
If no MCP, accept: