100 популярных приложений, реконструированных в спецификации дизайна Markdown для клонирования интерфейса Claude

Разработчик разобрал 50 популярных приложений на структурированные спецификации дизайна в Markdown и скормил их Claude для пересборки UI. После итераций он выявил несколько критически важных паттернов, которые повысили точность клонирования, и опубликовал репозиторий, содержащий уже 100 приложений.

Что заставляет Claude идеально клонировать UI

• Точные числа, а не диапазоны: #1A1A1A работает; «тёмно-серый» даёт пять разных оттенков серого на пяти экранах.
• Охват состояний заранее: Перечисление всех состояний (пусто, загрузка, ошибка, заполнено) предотвращает выдумывание Claude собственных состояний.
• Отступы как шкала: Используйте систему отступов 4/8/16/24 вместо указания пикселей для каждого элемента для более единообразных макетов.
• Навигация как граф: Явные переходы между экранами устраняют гадания о том, куда ведут кнопки.

Чрезмерно длинные описания ухудшали результат — краткость и точность важнее объёма.

Что в репозитории

Публичный репозиторий на github.com/Meliwat/awesome-ios-design-md содержит 100 приложений, каждое с тремя уровнями детализации: быстрый справочник, стандартная сборка и полное клонирование на уровне пикселей. Все спецификации в Markdown, лицензия MIT, без зависимостей. Загрузите спецификацию в Claude для более предсказуемого вывода UI.

Для кого это

Для разработчиков, использующих Claude для генерации или клонирования компонентов UI, особенно для iOS или общего дизайна приложений.