Claude Design to SwiftUI

Overview

A Claude Code plugin that turns an HTML design prototype made by Claude into a SwiftUI view. It renders the prototype, reads its HTML and CSS, translates it into SwiftUI, then builds and compares the result in Xcode until it matches closely. It's for developers who design screens with Claude and want native SwiftUI code from them.

Features

• Accepts a Claude design URL or a downloaded tarball and serves it locally
• Renders the prototype in Chrome at iPhone 15 Pro size and takes a screenshot
• Translates layout, typography, styling and assets such as SVGs and Google Fonts into SwiftUI
• Builds in Xcode, fixes errors, renders the preview and lists differences on each pass
• Stops after three passes without convergence and hands you the remaining differences

Requirements

• Claude Code (latest)
• Xcode 26.3 or later with Settings > Intelligence > Xcode Tools turned on
• The target Xcode project or workspace open when you run the command
• The claude-in-chrome MCP installed separately for rendering

Install

1. Install the plugin in Claude Code, then check /plugin list shows it

   /plugin marketplace add heyadam/claudedesign-to-swiftui
   /plugin install claudedesign-to-swiftui@claudedesign-to-swiftui

Example

Run /convert ~/Downloads/my-prototype.tar.gz and the plugin writes a SwiftUI file such as OnboardingView.swift into your open project.