taste-skill
무엇인가
Taste Skill은 AI 코딩 에이전트가 생성하는 프론트엔드 인터페이스의 시각적 결정을 규율하는 스킬 묶음이다. 레이아웃, 타이포그래피, 모션, 간격, 정보 밀도 영역에서 에이전트가 기본값으로 되돌아가는 것을 막는 규칙을 담는다. 구현 스킬은 코드를 출력하고, 이미지 생성 스킬은 참조 보드용 이미지만 출력한다.
어떻게 동작하나
각 스킬은 저장소의 skills/ 폴더 아래 SKILL.md 단일 파일로 존재하며, frontmatter의 name 필드가 설치 이름이 된다. taste-skill의 SKILL.md 상단에는 DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY 세 개의 1~10 다이얼이 있어 레이아웃 실험성, 애니메이션 깊이, 뷰포트당 정보량을 조정한다. 별도 훅이나 슬래시 명령은 없고, 파일을 프로젝트에 복사하거나 대화에 붙여 넣으면 규칙으로 로드된다.
무엇과 다른가
직접 프롬프트를 작성하는 방식과 달리 변형이 분리되어 있다. 기본 taste-skill(v2, 실험판) 외에 v1 고정판, GPT/Codex 지향 규칙을 강화한 gpt-taste, 기존 코드베이스를 고치는 redesign-skill, 이미지→분석→코드 파이프라인의 image-to-code-skill, 시각 방향이 정해진 뒤 쓰는 soft·minimalist·brutalist, 출력 잘림을 다루는 output-skill이 각각 별도 설치 이름으로 제공된다. 반복 회피 규칙은 research/ 문서를 근거로 한다.
어떻게 쓰나
설치는 npx skills add https://github.com/Leonxlnx/taste-skill 한 줄로 끝난다. CLI가 skills/ 폴더를 스캔하므로 코드 스킬과 이미지 생성 스킬이 같은 방식으로 설치된다. 단일 스킬만 넣으려면 --skill "design-taste-frontend"처럼 frontmatter의 name 값을 넘긴다. 이미지 우선 워크플로에서는 image-to-code-skill에 generate images, then analyze, then code 파이프라인을 명시한다.
전제와 한계
전제와 한계: 저장소는 Claude Code를 대상으로 하며, 생성된 결과물을 Codex·Cursor·Claude Code에 넘기는 용도로도 안내된다. 이미지 생성 스킬은 코드를 만들지 않는다. 기본 taste-skill은 v2 실험판이라 동작이 바뀔 수 있고, v1 동작이 필요하면 design-taste-frontend-v1로 고정해야 한다. 공식 토큰·코인은 없으며 이름을 사용한 토큰은 무관하다.