Более 200 спецификаций дизайна приложений в Markdown – перетащите в Claude или Cursor для точного копирования UI

Описание пользовательского интерфейса Claude в прозе даёт приблизительный, но неточный результат — не те цвета, не те отступы, пропущенные состояния. Решение? Передайте точную спецификацию вместо описания. Один разработчик ведёт собранный список из более чем 200 популярных приложений, уже оформленных в виде структурированных спецификаций дизайна в Markdown, доступных на spectr.to/gallery.

Что включает каждая спецификация

• Точные шестнадцатеричные коды цветов
• Определения типографики
• Значения отступов (padding, margin, gaps)
• Все состояния экрана (загрузка, пусто, ошибка и т.д.)
• Навигационный граф, показывающий переходы между экранами
• Отдельные спецификации для рендереров SwiftUI, Jetpack Compose и Expo

Каждая спецификация — это файл Markdown без зависимостей: вы перетаскиваете его прямо в Claude, Cursor или любой ИИ-агент, и он использует фактические значения вместо угадывания.

Как использовать

Просмотрите галерею на spectr.to/gallery, чтобы найти приложение. Скачайте (или скопируйте) спецификацию Markdown для вашей целевой платформы. Перетащите файл в контекст вашего ИИ-агента или вставьте его в виде текста. Затем агент использует точную спецификацию для генерации кода UI.

Разработчик активно ищет обратную связь по двум вопросам: какие приложения добавить следующими, и что работает лучше — перетаскивание файла спецификации или вставка текста. Они колеблются в этом вопросе, поэтому реальный опыт приветствуется.