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

✍️ OpenClawRadar📅 Опубликовано: 17 мая 2026 г.🔗 Source
100 популярных приложений, реконструированных в спецификации дизайна Markdown для клонирования интерфейса Claude
Ad

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

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

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

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

Ad

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

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

Для кого это

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

📖 Читать полный источник: r/ClaudeAI

Ad

👀 Смотрите также

Сандра: MCP с открытым исходным кодом для постоянной памяти графов в Клод
Инструменты

Сандра: MCP с открытым исходным кодом для постоянной памяти графов в Клод

Sandra — это бэкенд графовой + векторной памяти с нативным MCP-сервером, который дает Клоду постоянную структурированную память между сессиями, поддерживая точный, нечеткий и семантический поиск.

OpenClawRadar
Представляем OpenClaw: Как он усиливает AI-кодирующих агентов
Инструменты

Представляем OpenClaw: Как он усиливает AI-кодирующих агентов

Узнайте, как OpenClaw меняет мир AI-кодирующих агентов, способствуя автоматизации в различных областях.

OpenClawRadar
Выпущен навык OpenClaw SEO Audit для технического анализа веб-сайтов.
Инструменты

Выпущен навык OpenClaw SEO Audit для технического анализа веб-сайтов.

Новый навык OpenClaw выполняет комплексные SEO-аудиты с помощью команды 'seo audit [url]', проверяя техническое SEO, качество контента, элементы на странице, структурированные данные, метрики производительности, изображения и готовность к AI-поиску, выдавая оценку здоровья и приоритизированный план действий.

OpenClawRadar
Локальная панель управления отслеживает использование Claude Code с учетом затрат на токены, вызовов инструментов и аналитики сессий.
Инструменты

Локальная панель управления отслеживает использование Claude Code с учетом затрат на токены, вызовов инструментов и аналитики сессий.

Разработчик создал локальную панель управления, которая считывает JSONL-файлы сессий Claude Code для визуализации использования токенов, примерных затрат, распределения вызовов инструментов и истории сессий. Инструмент работает полностью на вашем компьютере с использованием Express API и React-панели управления.

OpenClawRadar