Более 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.
Разработчик активно ищет обратную связь по двум вопросам: какие приложения добавить следующими, и что работает лучше — перетаскивание файла спецификации или вставка текста. Они колеблются в этом вопросе, поэтому реальный опыт приветствуется.
📖 Прочитать полный источник: r/ClaudeAI
👀 Смотрите также
Claude-Code версии 2.1.76 добавляет функцию MCP-элиситации, оптимизации рабочих деревьев и множество исправлений.
Claude-Code v2.1.76 представляет поддержку MCP-запросов для структурированного ввода в процессе выполнения задачи, добавляет worktree.sparsePaths для повышения эффективности работы с монорепозиториями и исправляет более 20 проблем, включая потерю схемы отложенных инструментов, проблемы с косыми командами и стабильность сессий Remote Control.
Каскадный граф: Интерактивная карта энергетических ограничений ИИ и узких мест в цепочке поставок
Каскадный граф — это направленный граф знаний физической экономики, отображающий 405 узлов (драйверы, узкие места, географии, тикеры), соединённых 597 обоснованными рёбрами, чтобы проследить, как структурное давление каскадно распространяется от ограничений энергии и физики до инвестируемых активов.
Плагин Claude Code анализирует любой плагин и создаёт интерактивные вики-отчёты.
Новый плагин Claude Code под названием vision-powers анализирует любой путь плагина или URL GitHub и генерирует интерактивный HTML-вики-отчет с архитектурными диаграммами, аудитами безопасности и разбивкой навыков. Установка осуществляется через claude plugin add vision-powers@claude-code-zero.
Расписания Claude Code: Планирование задач агента, как в Cron, с логическим обоснованием
Claude Code Routines позволяют запускать задачи агента по расписанию, не оставляя сессию открытой. Пользователь Reddit делится реальными примерами: ночной обзор коммитов, еженедельная проверка зависимостей, ежедневный анализ логов ошибок — с использованием ИИ для рассуждений вместо вывода сырых скриптов.