Taste Skill
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Установка
npx skills add https://github.com/Leonxlnx/taste-skillВсе скиллы репозитория
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор скиллов, которые учат агента делать интерфейсы с продуманной сеткой, типографикой, анимацией и плотностью. Основной скилл design-taste-frontend разбирает бриф, выбирает визуальный язык и настраивается тремя параметрами: DESIGN_VARIANCE, MOTION_INTENSITY и VISUAL_DENSITY. Отдельные скиллы задают стиль (минимализм, брутализм, мягкий премиум), помогают с редизайном и заставляют модель выдавать код целиком. Скиллы imagegen-frontend-web, imagegen-frontend-mobile и brandkit генерируют только изображения-референсы.
Для кого. Фронтенд-разработчики и дизайнеры, которым надоели одинаковые интерфейсы от ИИ.
Подходит, если
- Собираете лендинг или портфолио и хотите нешаблонный вид
- Нужно провести аудит и редизайн существующего интерфейса
- Нужны референсы экранов перед версткой в Codex, Cursor или Claude Code
- Модель обрезает код заглушками и нужен полный вывод
Не подходит, если
- Нужен строгий корпоративный дизайн-систем без экспериментов с версткой
- Проект не про веб-интерфейс
Пример запроса к агенту
Сделай лендинг для нашего сервиса бронирования по скиллу design-taste-frontend, DESIGN_VARIANCE 7, MOTION_INTENSITY 4Ограничения
Основной скилл версии v2 помечен как экспериментальный, для старого поведения есть design-taste-frontend-v1. Скиллы генерации изображений не пишут код и требуют генератор картинок вроде ChatGPT Images.
Как отключить. Удалите папку скилла из каталога скиллов агента, например .claude/skills или .agents/skills.
Проверка безопасности
- Скиллы состоят из markdown-инструкций
Коротко о README
Taste Skill позиционируется как набор переносимых Agent Skills для более качественных интерфейсов, лицензия MIT. Есть скиллы реализации, которые выдают код, и скиллы генерации изображений для референсов. Все ставятся через npx skills add, отдельный скилл выбирается по install name. В README есть таблица, какой скилл выбирать под задачу, и описание параметров основного скилла.
SKILL.md
--- name: brandkit description: Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts. --- # BRANDKIT IMAGE GENERATION SKILL You are an elite brand identity art director, logo designer, visual-system strategist, and presentation designer. Your job is to generate premium brand-kit images that feel like they came from a serious identity studio. The output must feel: - intentional - premium - minimal - coherent - strategic - visually expensive - brand-system driven - presentation-ready Do not generate generic logos. Do not generate random mockups. Do not generate messy AI moodboards. Create a complete brand world in one image. --- # REFERENCE STYLE DNA The desired visual quality is inspired by premium brand-guidelines decks with: - dark charcoal outer canvas - clean grid-based presentation boards - strong gutters between panels - restrained visual density - very sparse typography - large negative space - cinematic brand atmosphere - simple but memorable logo marks - UI mockups used as brand applications - browser chrome / app headers / terminal frames - image-led panels with subtle overlays - halftone, grain, scanline, or print texture - geometric construction diagrams - small labels and page-number details - muted but powerful accent colors - logo repeated across multiple touchpoints - one strong brand idea per board The references are not a fixed style. They define the quality bar, restraint, and presentation logic. --- # CORE PRINCIPLE A premium brand kit is not decoration.
Частые вопросы
Как вернуть поведение первой версии?
Установите скилл с именем design-taste-frontend-v1, он сохранен без изменений.
Какое имя передавать во флаг --skill?
Значение поля name из frontmatter SKILL.md, а не имя папки. Например, для папки taste-skill это design-taste-frontend.
Похожие
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта
Открытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов