
kyanitelabs/tastecheck
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
프론트엔드 맛 + 선박 게이트 툴킷 AI 코딩 에이전트 — 증거 백업 UI 품질. v1.7.0 (측정된 FP/FN 코푸, 결정 카드, gestalt-first).
개요
TasteCheck는 코딩 에이전트에 대한 기술 세트입니다. 짧은 디자인 인터뷰와 deslop 패스는 일반적인 모습을 수정합니다. 배 문은 그 결과를 확인하고 SHIP 또는 HOLD는 증거와 같이 말합니다. 릴리스 재고: v1.7.0 · 20 기술 · 20 대문자 · 1 별 · 21 명령 파일 · 8 갤러리 시스템. 1. 설치: git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh 2. 당신의 프로젝트에 있는 당신의 기호화 대리인을 엽니다. 3. /designsystem을 실행합니다. 몇 가지 질문을 대답; 그것은 DESIGN-SYSTEM.md를 작성합니다. Skills are Plain Markdown, 그래서 파일을 읽을 수있는 에이전트는 그들을 사용할 수 있습니다. Slash 명령은 Claude Code입니다. 출판 감사 CLI가 없습니다. 설치 후 /tastecheckpass는 선박 게이트입니다. 에이전트는 실제 페이지를로드하고 SHIP 또는 HOLD를 증거로 반환합니다. v1.7.0에서 브라우저 증거 드라이버는 기술/tastecheck-pass/assets/cdp-qa.mjs, 8구 하네스: 콜드 로드, 게이트 오디션입니다.
개요(AI 번역)
당신의 AI 내장 UI는 AI 내장을 추구합니다. TasteCheck는 코딩 에이전트에 대한 기술 세트입니다. 짧은 디자인 인터뷰와 deslop 패스는 일반적인 모습을 수정합니다. 배 문은 그 결과를 확인하고 SHIP 또는 HOLD는 증거와 같이 말합니다.
릴리스 재고: v1.7.0 · 20 기술 · 20 대문자 · 1 별 · 21 명령 파일 · 8 갤러리 시스템.
퀵스타트
- 설치:
git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh - 당신의 프로젝트에 있는 당신의 기호화 대리인을 엽니다.
- 실행
/designsystem. 몇 가지 질문을 대답; 그것은DESIGN-SYSTEM.md을 작성한다.
Skills are Plain Markdown, 그래서 파일을 읽을 수있는 에이전트는 그들을 사용할 수 있습니다. Slash 명령은 Claude Code입니다.
세 개의 명령을 알고
| 사령 | 이용 시 | |—||| | [T3] | 시작 중입니다. 그것은 당신을 인터뷰하고 디자인 방향을 설정합니다. · | [T4] | [T4] 【공식】 당신은 일반 보이는 UI가 있습니다. 자주 묻는 질문 | [T5] | 배송하고 싶은 상품 실제 페이지를 확인하고 SHIP 또는 HOLD를 반환합니다. |
선박 문과 증거 마구
audit] CLI가 없습니다.
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
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