KT

kyanitelabs/tastecheck

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

12 stars 품질 59 트렌드 28MIT

프론트엔드 맛 + 선박 게이트 툴킷 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 갤러리 시스템.

퀵스타트

  1. 설치: git clone https://github.com/KyaniteLabs/tastecheck && ./tastecheck/install.sh
  2. 당신의 프로젝트에 있는 당신의 기호화 대리인을 엽니다.
  3. 실행 /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

  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.
GitHub에서 전체 README 보기

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add kyanitelabs/tastecheck
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →