Дизайн сайта от картинки к коду, image-to-code
image-to-code · leonxlnx
Сначала генерирует эталонные изображения секций сайта и разбирает их, а затем воспроизводит вёрсткой — так дизайн получается продуманным и читаемым.
Навык собирает цельный бренд-мир в одном изображении — логотип, сетку, макеты и детали в духе серьёзной студии айдентики.
Чем навык помогает в работе.
Опишите задачу — и запустите навык в чате.
Сделай брендборд для кофейни в тёмном минималистичном стиле.
Собери презентацию айдентики для ИТ-стартапа с логотипом и макетами.
Одна команда в терминале — навык добавится вашему агенту.
npx skills add https://github.com/leonxlnx/taste-skill --skill brandkit
Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.
Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.
image-to-code · leonxlnx
Сначала генерирует эталонные изображения секций сайта и разбирает их, а затем воспроизводит вёрсткой — так дизайн получается продуманным и читаемым.
frontend-design · anthropics
Создаёт сайты и интерфейсы с продуманным видом: подбирает цвета, шрифты и расположение блоков, а затем пишет готовый код.
web-design-guidelines · vercel-labs
Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.
theme-factory · anthropics
Оформляет слайды, документы и страницы по готовой теме: 10 наборов цветов и шрифтов на выбор или новая тема под ваш запрос — единый стиль для всего.