본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

Leonxlnx/taste-skill

JavaScript0 / 0

에이전트용 포터블 디자인 스킬 모음으로 브리프를 해석해 디자인 시스템을 추론하고 코드·이미지 출력 규칙과 조정 가능한 dials를 제공한다.

TL;DR

Taste Skill은 AI 에이전트가 생성하는 전형적이고 단조로운 프론트엔드 출력을 고급 디자인 규칙으로 대체하기 위해 제작된 포터블 스킬 모음이다. 각 스킬은 SKILL.md 지시서를 포함해 npx 기반 CLI로 설치되며, 일부 스킬은 이미지 레퍼런스만 생성하고 일부는 이미지→분석→코드 흐름을 따라 프론트엔드 스켈레톤과 애니메이션 템플릿을 출력한다. 기본 스킬은 브리프를 해석해 디자인 시스템 맵을 추론하고 세 개의 조정 다이얼(DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY)로 출력 성향을 조절한다. v2는 v1에 비해 대대적인 재작성이며 GPT/Codex용 엄격 변형, 이미지 생성·이미지→코드 파이프라인 등 여러 변형이 제공된다. 결과적으로 에이전트가 생성하는 UI 품질을 빠르게 높이고 이미지 기반 레퍼런스를 통한 구현 정확도를 개선할 수 있다. 단, README 중심의 지침·설정·샘플 이미지 중심 프로젝트로서 런타임 요구사항이나 구체적 실행 환경(버전·의존성)은 명시되어 있지 않아 도입 전 테스트가 필요하다.

핵심 포인트

  • 여러 특화 변종(gpt-taste, design-taste-frontend-v1 등)을 제공해 에이전트 유형(GPT/Codex 등)에 맞춘 규칙을 선택 가능
  • DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY 같은 가변 다이얼로 출력 성향을 세밀하게 조정
  • SKILL.md 포맷을 통해 프레임워크 무관하게 에이전트가 지침을 로드하도록 설계됨
  • 이미지 생성 스킬과 이미지→코드 파이프라인을 동일한 스킬셋으로 통합해 참조→구현 흐름을 단순화

이미지 분석

프론트엔드 디자인 컴프(상단)
상단 컴프는 넓은 마진, 강한 타이포그래피, 계층적 레이아웃을 보여주며 README가 주장하는 'anti-slop' 디자인 목표와 일치한다. 에이전트가 출력해야 할 시각적 기준(타입·간격·비주얼 밀도)을 예시로 제시한다.
프론트엔드 디자인 컴프(하단)
하단 컴프는 섹션별 구성과 모듈식 간격, 모션을 적용하기 쉬운 요소 배치를 보여준다. 이미지가 디자인 의도와 구현 간극을 줄이는 참조로 사용될 수 있음이 확인된다.

52.1k

STARS

3.6k

FORKS

+302

TRENDING

0

조회수

watchers 52.1kopen issues 33MIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.