KT

kyanitelabs/tastecheck

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

12 stars Качество 59 Тренд 28MIT

Frontend taste + ship-gate toolkit для агентов кодирования ИИ — качество пользовательского интерфейса, подкрепленное доказательствами. v1.7.0 (измеренный корпус ПП/НС, карточки принятия решений, гештальт-первый).

Обзор

TasteCheck - это набор навыков для кодирующих агентов. Короткое собеседование по дизайну и пропуск деспота фиксируют общий вид. Затем шлюз проверяет результат и говорит ШИП или ХОЛД, с доказательствами. Кадастр выпуска: v1.7.0 20 навыков · 20 канонических команд · 1 псевдоним · 21 файл команд · 8 галерейных систем. 1.Установка: git клон https://github.com/KyaniteLabs/tastecheck &&./tastecheck/install.sh 2.Откройте кодировщик в своем проекте. 3. Run/designsystem. Ответьте на несколько вопросов, пишет DESIGN-SYSTEM.md. Навыки просты, поэтому любой агент, который может читать файлы, может использовать их. Команды Slash предназначены для Claude Code. Опубликованного аудита CLI нет. После установки, /tastecheckpass является воротами корабля: агент загружает реальную страницу и возвращает SHIP или HOLD с доказательствами. При v1.7.0 драйвером доказательств браузера являются навыки/tastecheck-pass/assets/cdp-qa.mjs, восьмисекционная упряжка: холодная нагрузка, Gate-audit.

Обзор (машинный перевод)

** Ваш ИИ-построенный пользовательский интерфейс перестает выглядеть как ИИ-построенный.** TasteCheck - это набор навыков для кодирующих агентов. Короткое собеседование по дизайну и пропуск деспота фиксируют общий вид. Затем шлюз проверяет результат и говорит ШИП или ХОЛД, с доказательствами.

Кадастр выпуска: v1.7.0 20 навыков · 20 канонических команд · 1 псевдоним · 21 файл команд · 8 галерейных систем.

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

  1. Установить: git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh 2.Откройте кодировщик в своем проекте.
  2. Беги [[Т1]]. Ответьте на несколько вопросов, пишет [2].

Навыки просты, поэтому любой агент, который может читать файлы, может использовать их. Команды Slash предназначены для Claude Code.

##Три команды знать

Командуйте, используйте, когда [скрыто] [скрыто] [3] Вы начинаете. Он берет у вас интервью и устанавливает направление дизайна. ! [4][править править код] У вас есть пользовательский интерфейс, который выглядит универсально. Он находит и удаляет сообщения. [5] Вы хотите отправить. Он проверяет реальную страницу и возвращает SHIP или HOLD.

Ворота корабля и улики

Не было опубликовано [6] CLI.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

TasteCheck

Your AI-built UI stops looking AI-built. TasteCheck is a set of skills for coding agents. A short design interview and a deslop pass fix the generic look. A ship gate then checks the result and says SHIP or HOLD, with evidence.

Release inventory: v1.7.0 · 20 skills · 20 canonical commands · 1 alias · 21 command files · 8 gallery systems.

Quickstart

  1. Install: git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh
  2. Open your coding agent in your project.
  3. Run /designsystem. Answer a few questions; it writes DESIGN-SYSTEM.md.

Skills are plain Markdown, so any agent that can read files can use them. Slash commands are for Claude Code.

The three commands to know

Command Use it when
/designsystem You are starting. It interviews you and sets the design direction.
/deslop You have UI that looks generic. It finds and removes the tells.
/tastecheckpass You want to ship. It checks the real page and returns SHIP or HOLD.

Ship gate and evidence harness

There is no published audit CLI. After install, /tastecheckpass is the ship gate: an agent loads the real page and returns SHIP or HOLD with evidence.

At v1.7.0 the browser evidence driver is skills/tastecheck-pass/assets/cdp-qa.mjs, an eight-section harness: cold load, gate-audit.js, keyboard tab trace, 320px reflow, contrast samples, optional curate path, AX-tree summary, screenshots. Run it from a git checkout if you need that evidence bag. Node 22+ applies only to that driver (it uses Node’s built-in WebSocket) and a local Chrome — not to install.sh or the skills, and not as a package floor.

The 20 skills

Skill What it does
design-system-interview Interviews you, then writes a design direction (type, color, density, tokens).
tasteroll Rolls and locks a design direction when the brief is open.
improve-existing-website Audits an existing site and keeps its identity while fixing it.
color-system OKLCH palettes, semantic tokens, contrast.
web-typography Type systems, font loading, multilingual glyphs, hierarchy.
spacing-system Rhythm, density, gaps, spacing scales.
theming Light, dark, forced-colors, saved preference, no flash.
responsive-layout Narrow containers, long content, zoom, reflow, overflow.
Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add kyanitelabs/tastecheck
Новичок в MCP? Начните с руководства на mcpskill.org →