← Все проекты
Проект / Swift

heyadam/claudedesign-to-swiftui: claudedesign-to-swiftui — превращает HTML-прототипы из Claude в SwiftUI-код

Автоматически конвертируй дизайн-прототипы, сгенерированные Claude, в готовые SwiftUI-вью для Xcode.

Инструмент для автоматической конвертации HTML-прототипов, созданных в Claude, в нативные SwiftUI-вью. Полностью интегрируется в Xcode через MCP (Model Context Protocol), генерирует один .swift-файл с View, превью и всеми необходимыми расширениями. Фокус на...

★ 43 Swift Форки 3 Issue 0 Оценка 7/10 Карточка проверена

Для кого это

Для iOS-разработчиков, которые используют Claude Code для прототипирования и хотят быстро получить рабочий SwiftUI-код вместо ручного верстания.

Проблема / задача

Разработчики тратят часы на ручной перевод HTML-прототипов в SwiftUI, теряя время на согласование пиксель-перфект вёрстки и повторяя одну и ту же работу.

Как это работает

Плагин для Claude Code загружает HTML-прототип (из URL Anthropic или локального архива), запускает локальный сервер, делает скриншот на iPhone 15 Pro, анализирует HTML/CSS, преобразует вёрстку в SwiftUI с помощью готовых шаблонов, записывает файл прямо в открытый Xcode-проект, собирает его и сравнивает результат с оригинальным скриншотом через визуальный diff. Цикл повторяется, пока вёрстка не совпадёт.

Что видно по README

Инструмент для автоматической конвертации HTML-прототипов, созданных в Claude, в нативные SwiftUI-вью. Полностью интегрируется в Xcode через MCP (Model Context Protocol), генерирует один .swift-файл с View, превью и всеми необходимыми расширениями. Фокус на точности визуальной вёрстки без интерактивности и навигации.

Ключевые возможности

Конвертация HTML/CSS в SwiftUI с маппингом layout, typography и стилейАвтоматическая обработка ассетов: SVG → SF Symbol или Path, Google Fonts → системные шрифты AppleИнтеграция с активным Xcode-проектом через MCP, запись файла прямо в workspaceВизуальное сравнение результата с прототипом через скриншоты и diffГенерация самодостаточного .swift-файла с Color(hex:) расширением и иконками

Технологии

SwiftXcode MCP (Model Context Protocol)ExpressGo

Интересный факт

Плагин использует Chrome для рендеринга прототипов, потому что Claude-дизайны часто используют ES modules и fetch(), которые не работают с file:// протоколом.

С чего начать

  • Убедись, что Xcode 26.3+ открыт с включёнными Xcode Tools в настройках
  • Выполни /convert с URL прототипа или путём к .tar.gz архиву

Оценка GitRadar

Удобство
6/10
Свежесть
9/10
Перспектива
8/10
Монетизация
4/10
Общая оценка
7/10

Вердикт GitRadar

Стоит попробовать, если вы активно прототипируете в Claude и разрабатываете под iOS. Это узкоспециализированный, но мощный инструмент, который экономит время на рутинной вёрстке. Однако требует свежих версий Xcode (26.3+) и настройки MCP.

Наблюдения по обновлениям

Проект свежий, ориентирован на новейшие версии Xcode (26.3) и Claude Code, что говорит об актуальности подхода.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий
https://github.com/heyadam/claudedesign-to-swiftui
Лицензия
MIT
Создан на GitHub
18 апреля 2026 г.
Последнее обновление репо
18 апреля 2026 г.
Последняя проверка GitRadar
18 апреля 2026 г.
Изученные файлы
README.md, skills/claude-design-to-swiftui/scripts/stop.sh, skills/claude-design-to-swiftui/scripts/fetch.sh, skills/claude-design-to-swiftui/examples/01-landing-card/output.swift, skills/claude-design-to-swiftui/examples/02-list-with-rows/output.swift

FAQ

Что это такое?

Плагин для Claude Code, который автоматически превращает HTML-прототипы из Claude в готовые SwiftUI-вью для Xcode.

Для кого подходит?

Для iOS-разработчиков, которые используют Claude для дизайна интерфейсов и хотят ускорить процесс переноса прототипов в код.

Источники

  • GitHub исходный код и активность
  • README описание, ссылки, стартовые материалы

Нужна помощь с heyadam/claudedesign-to-swiftui?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.