Taste Skill
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
- 104 959 ★ репозитория
- Последний коммит
- MIT
Установка
- Работает в
Ручная установка
npx skills add https://github.com/Leonxlnx/taste-skillВсе скиллы репозитория
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят из markdown-инструкций
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор скиллов, которые учат агента делать интерфейсы с продуманной сеткой, типографикой, анимацией и плотностью. Основной скилл 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.
Частые вопросы
Как вернуть поведение первой версии?
Установите скилл с именем design-taste-frontend-v1, он сохранен без изменений.
Какое имя передавать во флаг --skill?
Значение поля name из frontmatter SKILL.md, а не имя папки. Например, для папки taste-skill это design-taste-frontend.
Чем Taste Skill отличается от обычного промпта про дизайн?
Это набор скиллов с параметрами DESIGN_VARIANCE, MOTION_INTENSITY и плотностью. Основной скилл design-taste-frontend разбирает бриф, выбирает визуальный язык и правит сетку, типографику, анимацию и отступы, а не только цвета.
Как скачать и поставить Taste Skill?
Одна команда: npx skills add https://github.com/Leonxlnx/taste-skill. Скиллы ставятся в Claude Code, Codex и Cursor. Отдельное приложение скачивать не нужно. Готовой установки для ChatGPT в карточке нет.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Детали, от которых интерфейс приятнее
make-interfaces-feel-better
Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия
Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL
Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ
AI Design Skills
landing-page-design
Скилл сборки лендинга с нуля: вопросы на входе, структура страницы, конверсионные тексты и строгая визуальная система
Из блога
Коротко о README
Taste Skill позиционируется как набор переносимых Agent Skills для более качественных интерфейсов, лицензия MIT. Есть скиллы реализации, которые выдают код, и скиллы генерации изображений для референсов. Все ставятся через npx skills add, отдельный скилл выбирается по install name. В README есть таблица, какой скилл выбирать под задачу, и описание параметров основного скилла.
Бейдж для 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.