heyadam

heyadam / claudedesign-to-swiftui

Public

Claude Code plugin: convert Claude-generated HTML design prototypes into SwiftUI Views inside your active Xcode workspace.

52
4
100% credibility
Found Apr 19, 2026 at 51 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
Swift
AI Summary

A plugin for an AI coding environment that converts HTML design prototypes generated by Claude into self-contained SwiftUI View files, automatically integrating them into open Xcode workspaces with visual diffing for accuracy.

How It Works

1
🔍 Discover design magic

While dreaming up app screens with your AI helper, you hear about a tool that turns web designs into app code instantly.

2
📦 Add the handy tool

You simply add this converter to your AI coding workspace with a quick command.

3
đź’» Open your project

You open your app project in the coding app so everything is ready to go.

4
✨ Share the design

You give the tool the web design link or file, and it grabs it, recreates it locally, and starts transforming it into your app screen.

5
🔄 Watch it perfect the match

It builds the screen, shows a preview, compares to the original design, and keeps improving until they look identical.

âś… Screen ready to shine

You get a single, perfect app screen file dropped right into your project, matching the design exactly and ready to use.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 51 to 52 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is claudedesign-to-swiftui?

This Claude Code plugin converts Claude-generated HTML design prototypes—either from short-lived api.anthropic.com URLs or local tarballs—into standalone SwiftUI View files, dropped directly into your open Xcode workspace. It serves the prototype locally, screenshots it at iPhone size, translates layout, styles, fonts, and assets to SwiftUI modifiers and components, then builds, previews, and visually diffs until it matches. Output is one clean .swift file with previews, no external deps, focusing on visual fidelity for static UIs.

Why is it gaining traction?

It stands out by automating the full design-to-SwiftUI pipeline via Claude Code CLI commands like /convert, leveraging Xcode MCP for seamless workspace integration, auto-builds, and iterative visual diffs—skipping manual HTML parsing or screenshot matching. For Claude Code users, it's a free claude code skill that handles SVG-to-Path, Google Fonts mapping, and asset imports out of the box, bridging claude code design prototypes to active Xcode projects without Figma imports or custom scripts. The claude github plugin hooks into claude github integration for quick claude code install in workflows.

Who should use this?

SwiftUI iOS devs prototyping UIs in Claude who hate hand-translating HTML/CSS to VStack/Grid modifiers and asset handling. Solo makers or small teams using claude code cli for rapid design iteration, needing pixel-perfect static views like onboarding screens or cards without JS interactivity. Avoid if you're building multi-screen apps or need custom font registration.

Verdict

Worth a claude code download and quick claude code install for Claude + SwiftUI fans—solid docs and graceful fallbacks make it usable now, despite 48 stars and 1.0% credibility signaling early maturity. Test on a simple prototype; it'll save hours if your designs fit the static scope, but expect manual tweaks for edge cases.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.