Repolode
madebymustafa

madebymustafa/design-taste

24 open-source навыка для агентов, которые помогают Claude Code, Codex, Cursor и opencode создавать более выразительные и продуманные интерфейсы.

Звёзды
217
Форки
13
Открытые issues
0
Последний коммит
3 месяца назад

Что это?

AI-агенты для написания кода часто создают похожие интерфейсы: градиенты индиго, центральный главный блок, три карточки с преимуществами и стандартные шрифты. design-taste — это набор навыков для агентов: обычных файлов с инструкциями в каталоге навыков каждого агента. Они помогают отойти от таких шаблонов. Базовый навык охватывает анализ брифа, выбор дизайн-направления, отказ от типичных шаблонов LLM и проверочный список перед началом работы.

Помимо базового навыка есть десять тематических наборов, каждый задаёт собственную визуальную идентичность: например, швейцарский редакционный минимализм, бруталистская индустриальная эстетика, сдержанная роскошь, тёмный техно-стиль, ретро-полиграфия или японский минимализм ваби-саби. В каждом наборе есть HTML-демо «до и после», созданное по одному и тому же брифу. Навыки по мастерству охватывают типографику, цвет, анимацию, GSAP, доступность, UX-тексты, производительность и ревью кода; их можно сочетать с любым тематическим набором.

Для установки достаточно скопировать папки с навыками или запустить входящий в комплект скрипт установки. Он поддерживает Claude Code, Cursor, Codex, opencode, Cline и Roo.

Ключевые возможности

  • 01Базовый навык для анализа брифов, определения дизайн-направления и отказа от типичных шаблонов LLM
  • 02Десять тематических наборов с разной визуальной идентичностью и демо «до и после» в каждом
  • 03Навыки по типографике, цвету, анимации, доступности, UX-текстам и производительности
  • 04Навыки для работы с кодом: CSS на основе токенов, семантический HTML и ревью кода с оценкой серьёзности проблем
  • 05Скрипт установки для Claude Code, Cursor, Codex, opencode, Cline и Roo

Сценарии использования

  • Создание лендингов и маркетинговых сайтов с помощью AI-агента для написания кода, чтобы результат не выглядел как шаблон
  • Поддержание единого визуального направления во всём frontend-проекте, созданном AI
  • Проверка созданных агентом интерфейсов на типичные шаблоны и проблемы с доступностью
  • Создание системы дизайн-токенов с документированной трёхуровневой структурой

Быстрый старт

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/madebymustafa/design-taste.git
  2. 2

    Перейдите в папку проекта

    cd design-taste
  3. 3

    Установите все навыки для своих агентов

    ./scripts/install.sh

Что важно знать

  • Genre packs — это визуальные стили с ярко выраженной индивидуальностью, поэтому для каждого проекта следует выбрать один.

В подборках

Темы

Частые вопросы

Что такое design-taste?
24 open-source навыка для агентов, которые помогают Claude Code, Codex, Cursor и opencode создавать более выразительные и продуманные интерфейсы. AI-агенты для написания кода часто создают похожие интерфейсы: градиенты индиго, центральный главный блок, три карточки с преимуществами и стандартные шрифты. design-taste — это набор навыков для агентов: обычных файлов с инструкциями в каталоге навыков каждого агента. Они помогают отойти от таких шаблонов. Базовый навык охватывает анализ брифа, выбор дизайн-направления, отказ от типичных шаблонов LLM и проверочный список перед началом работы.
design-taste можно использовать бесплатно? Какая у него лицензия?
design-taste распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
design-taste всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в design-taste — 15 авг. 2026 г..
Для чего можно использовать design-taste?
Создание лендингов и маркетинговых сайтов с помощью AI-агента для написания кода, чтобы результат не выглядел как шаблон Поддержание единого визуального направления во всём frontend-проекте, созданном AI Проверка созданных агентом интерфейсов на типичные шаблоны и проблемы с доступностью Создание системы дизайн-токенов с документированной трёхуровневой структурой
Как установить design-taste?
Клонируйте репозиторий: git clone https://github.com/madebymustafa/design-taste.git Перейдите в папку проекта: cd design-taste Установите все навыки для своих агентов: ./scripts/install.sh
Где скачать design-taste?
Исходный код и инструкции по установке — на GitHub: https://github.com/madebymustafa/design-taste

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

111,2 тыс.+4,9 тыс. за неделю7,5 тыс.JavaScriptMITАктивно поддерживаетсяОбновлён позавчера

Блок правил для вставки в конфиг, который не даёт Claude Code, Codex и другим coding-агентам чрезмерно усложнять решения и добавлять ненужные проверки.

796+55 за неделю28PythonMITАктивно поддерживаетсяОбновлён 19 часов назад