Leonxlnx/taste-skill

해결하는 문제

AI 에이전트가 '잡다한' (slop) — 일반적이고 템플릿처럼 보이는 사용자 인터페이스를 생성하는 것을 방지합니다. 전문적인 레이아웃, 타이포그래피, 모션, 여백을 갖춘 고급형 프론트엔드를 생성하도록 안내하는 포터블 지침(스킬) 세트를 제공합니다.

작동 방식

이 프로젝트는 SKILL.md 파일의 컬렉션을 제공합니다. 이들은 CLI(npx skills add)를 통해 설치하거나, 직접 AI 대화에 붙여넣을 수 있는 포터블 지침 세트입니다. 이러한 스킬은 AI가 코드나 디자인 이미지를 생성할 때 따르는 시스템 프롬프트 또는 가이드라인으로 작동합니다.

일부 스킬은 구현(코드 출력)에 초점을 맞추고, 다른 스킬은 이미지 생성(시각적 참조 보드 생성)에 초점을 맞춥니다. 사용자는 특정 '다이얼'(디자인 변형, 모션 강도, 시각적 밀도)을 조정하여 출력의 디자인 언어를 조절할 수 있습니다.

대상 사용자

Cursor, Claude Code, Codex와 같은 AI 코딩 에이전트를 사용하여 기본적인 AI 생성 레이아웃을 넘어선 고급스럽고 정교하며 시각적으로 독특한 인터페이스를 원하는 개발자와 디자이너입니다.

주요 특징

• 전문적인 디자인 스타일: 미니멀리즘, 브루탈리즘, 그리고 '소프트'한 고급 시각 디자인에 특화된 스킬 포함.
• 이미지에서 코드로의 파이프라인: 에이전트가 먼저 시각적 참조를 생성하고 분석한 후 코드를 구현할 수 있도록 하는 전용 스킬.
• 조정 가능한 파라미터: 레이아웃 실험, 애니메이션 깊이, 정보 밀도를 제어하는 다이얼 제공.
• 프레임워크 독립: React, Vue, Svelte와 같은 주요 프론트엔드 프레임워크에서 모두 작동.