AI 에이전트의 슬랍 UI 잡는 'Taste Skill' 패키지, 깃허브 트렌딩 진입

깃허브 트렌딩에 새로 진입한 'Taste Skill'은 AI 에이전트가 만든 프론트엔드 결과물의 슬랍 느낌을 줄이는 안티슬랍 프론트엔드 프레임워크를 표방한다. 레이아웃과 타이포, 모션, 스페이싱을 강화해 흔한 보일러플레이트 UI에서 벗어나도록 돕고, 결과물을 Codex나 Cursor, Claude Code 같은 코딩 에이전트에 다시 넘기는 방식이다.

설치는 npx skills add https://github.com/Leonxlnx/taste-skill 한 줄로 끝나고, 개별 스킬은 --skill 옵션에 설치명을 적어 따로 추가할 수 있다. SKILL.md 파일을 프로젝트에 직접 복사하거나 ChatGPT, Codex 대화에 붙여 넣어도 된다. 코드 스킬과 이미지 생성 스킬은 같은 skills 폴더에 모여 있어 동일한 CLI로 모두 다룬다.

코드 출력용 스킬은 모두 9종이다. 디폴트 올라운더 design-taste-frontend, GPT와 Codex 대상으로 레이아웃 변동성과 GSAP 모션을 더 강하게 강제하는 gpt-taste, 참고 이미지를 먼저 생성한 뒤 분석해 코드를 짜는 image-to-code, 기존 프로젝트의 UI를 먼저 감사한 다음 손보는 redesign-existing-projects가 포함된다.

이 외에 폴리시하고 차분한 고급 UI를 노리는 high-end-visual-design, 모델이 자꾸 절반만 출력할 때 끝까지 끌어내는 full-output-enforcement, 노션과 Linear 분위기의 minimalist-ui, 스위스 타입과 강한 콘트라스트를 시험하는 베타 단계의 industrial-brutalist-ui, 구글 Stitch 규칙과 호환되는 stitch-design-taste까지 갖췄다.

이미지 생성 전용 스킬은 따로 3종이 있다. 히어로와 랜딩, 멀티 섹션 등 웹 컴프를 만드는 imagegen-frontend-web, iOS와 안드로이드, 크로스 플랫폼 화면과 플로우를 그리는 imagegen-frontend-mobile, 로고와 팔레트, 타입 같은 정체성 보드를 만드는 brandkit이다. 세 가지는 모두 코드가 아닌 디자인 이미지만 출력하며, 결과 이미지는 다시 Codex나 Cursor, Claude Code에 넘겨 구현하도록 안내한다.

핵심 코드 스킬은 1부터 10까지의 다이얼 세 개로 결과물을 조정할 수 있다. DESIGN_VARIANCE는 중앙 정렬에서 비대칭 모던까지의 레이아웃 실험 강도를, MOTION_INTENSITY는 호버 정도부터 스크롤·매그네틱까지의 애니메이션 깊이를, VISUAL_DENSITY는 여백 중심부터 밀집 대시보드까지의 정보량을 조절한다. 저자는 규칙이 단일 프레임워크 API가 아닌 디자인 의도를 겨냥하기 때문에 React, Vue, Svelte 어디서나 동작한다고 설명한다.

라이선스는 MIT이며 2026년 저작권 표기는 Leonxlnx로 돼 있다. 저자는 리드미에서 Taste Skill에 공식 토큰이나 코인, 크립토 프로젝트가 없으며 자신의 이름이나 이미지를 쓴 토큰은 무관하다고 못 박았다. 피드백은 깃허브 풀 리퀘스트나 이슈, X 계정 @lexnlin과 @blueemi99, hello@tasteskill.dev 메일로 받는다.