kyanitelabs/tastecheck
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
Frontend taste + ship-gate toolkit for AI coding agents — evidence-backed UI quality. v1.7.0 (measured FP/FN corpus, decision cards, gestalt-first).
概要
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. 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. 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.
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
- Install:
git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh - Open your coding agent in your project.
- Run
/designsystem. Answer a few questions; it writesDESIGN-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. |
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add kyanitelabs/tastecheck