Дизайн сайта от картинки к коду

image-to-code

Навык работает от картинки к коду: создаёт качественные референсы секций, анализирует их и строит по ним фронтенд, близкий к образцу.

Как установитьОткрыть на GitHub (откроется в новой вкладке)

Что делает

Чем навык помогает в работе.

  • Генерирует референсы секций сайта
  • Разбирает изображения по деталям
  • Пишет вёрстку близко к образцу

Примеры задач

Опишите задачу — и запустите навык в чате.

Придумай дизайн лендинга и свёрстай его по сгенерированным макетам.

Собери героя и секции сайта-портфолио от картинки к коду.

Как установить

Одна команда в терминале — навык добавится вашему агенту.

Терминал
npx skills add https://github.com/leonxlnx/taste-skill --skill image-to-code

Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.

Безопасность

Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.

Другие скиллы leonxlnx/taste-skill

Генерирует премиальные изображения фирменного стиля: концепции логотипа, брендборды и презентации айдентики в едином минималистичном и продуманном виде.

ДизайнУстановок: 262,5 тыс

Похожие скиллы

Создаёт сайты и интерфейсы с продуманным видом: подбирает цвета, шрифты и расположение блоков, а затем пишет готовый код.

ДизайнОфициальныйУстановок: 844,1 тыс

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

РазработкаОфициальныйУстановок: 682,7 тыс

Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.

ДизайнОфициальныйУстановок: 599,3 тыс