UStackUStack
Taste icon

Taste

Taste — навык Claude Code, который по URL считывает дизайн-сигналы сайта и превращает их в design tokens и объяснение. Выгружает Markdown и JSON для AI-агентов и dev-инструментов.

Taste

Обзор

Taste — это навык Claude Code для считывания design taste сайта по URL. Он превращает страницу в design context, который может использовать AI-агент, объединяя извлечённые tokens с объяснением визуальных решений.

Согласно главной странице, каждый запуск анализирует сайт в четыре прохода: измерения, паттерны, вывод taste и проверка observer. Результат — компактная сводка с полным набором tokens и набором principles taste, объясняющих, что именно выбирает дизайн и чем он при этом жертвует.

Возможности

Четырёхшаговый конвейер анализа

Обрабатывает URL через четыре роли агента, чтобы одна и та же страница рассматривалась с точки зрения измерений, паттернов, taste и редакторской проверки.

Извлечение design tokens

Собирает точные design values со страницы, включая цвета, отступы, радиусы, тени, типографику и другие измерения, указанные в пикселях, hex-значениях и отношениях.

Обоснование taste

Выводит 4 principles taste, которые объясняют логику дизайна за выбором, включая триггер, решение, причину, доказательство и компромисс.

Проверка качества и валидация

Запускает anti-slop quality gate, который проверяет JSON перед записью финальных файлов.

Двойной формат вывода

Записывает два выходных файла для каждого запуска: краткую сводку `.md` и файл `.json`, названный по анализируемому домену.

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

  • Реверс-инжиниринг дизайна сайта

    Используйте Taste, когда нужно изучить существующий сайт и извлечь design tokens и reasoning, которые формируют его визуальную систему.

  • Передача дизайн-контекста в AI-агента

    Используйте его, когда нужен структурированный дизайн-контекст, который AI-агент для кодинга может превратить в решения по реализации или файлы правил.

  • Создание переиспользуемых design-артефактов

    Используйте его, чтобы получить сводку и машинно-читаемый JSON-файл для конкретного домена, а затем повторно использовать этот результат в следующих запусках или инструментах.

  • Стандартизация анализа между сайтами

    Используйте его при сравнении нескольких сайтов, если нужны единые категории измерений и анализ по принципам, а не субъективные заметки.

Pros and Cons

Pros

  • Использует структурированный многоэтапный workflow вместо одноэтапной сводки.
  • Собирает конкретные измерения дизайна с точными значениями, а не приближённые оценки.
  • Сочетает raw tokens с объяснением, что может помочь AI-агенту воспроизвести намерение дизайна.
  • Предоставляет результаты и в Markdown, и в JSON для дальнейшего использования инструментами.
  • Включает quality gate для отсева невалидного или низкокачественного вывода.

Cons

  • Прайсинг-страница недоступна в собранных данных, поэтому цены и структура планов не подтверждены.
  • На сайте явно описана только настройка для Claude Code и Gemini CLI, хотя упоминается несколько других целевых инструментов.

FAQ

Какие платформы поддерживает Taste?

Похоже, что это навык Claude Code, который также можно использовать с Gemini CLI. На главной странице также перечислены пути вывода для Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma и Lovable, но на сайте явно показаны примеры настройки только для Claude Code и Gemini CLI.

Как выглядит результат?

На главной странице описан четырёхэтапный рабочий процесс: извлечение измерений со страницы, выявление паттернов, вывод taste и проход observer, который фильтрует результат. Итог — файл `.md` и файл `.json` для анализируемого домена.

Как этим пользоваться?

На главной странице показана трёхшаговая настройка для Claude Code или Gemini CLI: склонировать навык в соответствующую папку skills, установить Playwright MCP, затем перезапустить CLI и запустить `/taste` на URL.

Для кого это предназначено?

Сайт говорит, что навык может считывать дизайн-taste любого сайта и превращать URL в design context. Он предназначен для AI-агентов и разработчиков, которым нужны структурированные design tokens и объяснение на основе существующего сайта.

Есть ли информация о ценах?

Страница с ценами по адресу `/pricing` сейчас возвращает 404, поэтому сайт не предоставляет опубликованную модель цен в собранных материалах.

Quick Facts

Категория
Инструмент для разработчиков
Основной формат
Навык Claude Code
Примеры поддерживаемых CLI
Claude Code, Gemini CLI
Исходный домен
tastelab.xyz
Файлы вывода
.md и .json
Цены
Не опубликованы в собранных материалах