Taste Skill

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

СкиллНизкий риск

leonxlnx/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-интерфейсов

СкиллВысокий риск68 тыс.
Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,2 тыс.

Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта

СкиллСредний риск127,6 тыс.

Открытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов

MCP-серверВысокий риск96,1 тыс.