무료GitHub에 공개한국어 소개

taste

웹 페이지나 앱의 외관을 만들기 전에 배색, 글자, 카드 배치, 움직임의 상투적인 표현을 점검합니다. 피해야 할 디자인의 중복을 확인하며 명시된 요청을 우선합니다.

원문원문 설명 보기

Mandatory preflight for web frontend visual design. If available, call read_skill for bundled:taste before the first frontend create or edit tool call whenever creating or visually styling a human-viewed web page, component, app, dashboard, or interactive report. Do not load it for non-visual frontend logic or machine-only HTML. If unavailable, continue without warning. Negative constraints only; user requests and other explicit styles still win.

asgeirtj/system_prompts_leaks

AI 평가90점/ 100 설치 방법 보기

이럴 때 유용합니다

웹 페이지 제작 전 디자인 검토
대시보드의 반복되는 카드 배치 점검
컴포넌트의 글자 구성과 배색 검토
스크롤 애니메이션과 동작 줄이기 설정 확인

한국어 소개

할 수 있는 일

taste는 웹 페이지나 앱의 외관을 만들기 전에 피해야 할 상투적인 표현을 확인하는 스킬입니다. 배색, 글자 구성, 카드 배치, 모서리 둥글기, 그림자, 애니메이션을 다룹니다. 보라색 강조 색상, 그라데이션 제목, 동일한 카드 세 개의 반복처럼 여러 표현이 겹치면 획일적으로 보이기 쉬운 구성을 점검합니다.

이럴 때 유용합니다

웹 페이지, 컴포넌트, 대시보드, 대화형 보고서를 새로 만들거나 외관을 수정할 때 사용합니다. 글자 크기에 위계가 있는지, 움직임을 줄이는 설정인 prefers-reduced-motion을 고려했는지도 확인할 수 있습니다.

사용 예시

“웹 페이지를 만들기 전에 피해야 할 상투적인 표현을 확인해 주세요.”
“대시보드에서 같은 카드 구성이 반복되는지 봐 주세요.”
“스크롤 애니메이션과 동작 줄이기 설정 지원을 확인해 주세요.”

주의 사항

특정 외관을 지정하는 지침이 아니라 피해야 할 표현의 기준입니다. 사용자 요청과 다른 명시적인 스타일 지정이 우선합니다. 사용자가 직접 호출하도록 설정되어 있지 않으며, 외관과 무관한 프런트엔드 로직이나 기계만 사용하는 HTML은 대상에서 제외합니다.

이 소개문은 공개된 SKILL.md를 바탕으로 AI(OpenAI Codex)가 작성했습니다. 정확한 사양은 아래 원문을 확인하세요.

객관 평가

AI가 SKILL.md의 내용만을 근거로 4가지 관점에서 판정했습니다. 스타 수나 인기도는 판정에 넣지 않았습니다.

지시의 명확성언제 쓰고 무엇을 하는지 알 수 있는가: A양호화면 제작이나 외관 수정 전에 사용하도록 명시하며 제외 대상도 설명합니다.
절차의 구체성절차·입출력·예시가 구체적으로 적혀 있는가: B일부 부족피해야 할 배색과 배치 예시는 구체적이지만 점검 절차와 출력 형식은 없습니다.
안전성전송·삭제·명령 실행 등을 명시하고 있는가: A양호내용은 외관에 관한 제약이며 외부 데이터 전송이나 명령어 실행 지시는 없습니다.
도입의 용이성필요한 도구나 API 키가 적고 적혀 있는가: A양호사용 가능할 때 read_skill로 읽으며 추가 도구나 API 키를 요구하지 않습니다.

총점은 각 항목을 A=25점, B=15점, C=5점으로 더한 값입니다. 2026년 10월 23일 기준으로 AI(OpenAI Codex)가 판정했습니다. 참고용이므로 설치 전에 원문도 확인해 주세요.

평가가 다르다고 생각되면 재검토를 요청하기

포함된 파일(1)

SKILL.md2.0 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Anti-Slop: Frontend DON'Ts

What NOT to do when designing a UI or page. This is a filter, not a style; it never prescribes a look. Stacking several of the below is what reads as AI-made on sight. Adaptive, so if the user or another skill asks for something specific, do that instead; these are defaults, not overrides.

purple / indigo / violet accent, or a purple-to-blue hero gradient (the top AI tell)
bg-clip-text gradient headline text
cream (#faf8f4) as the whole-page background
aurora blobs / glowing colored shadows, or an identical glow on every card
Inter everywhere, or Geist / Space Grotesk / Instrument Serif / Roboto / Arial as your only identity
gray-400 / gray-500 body text
one font weight and size throughout (no hierarchy)
tracked all-caps micro-kickers above every section
centered hero of eyebrow pill + headline + two CTAs
the identical 3-card feature grid with a lucide icon in a rounded square
an 8+ word, 48px+ headline that says nothing
bento grid for everything
the same eyebrow-headline-3cards section repeated back to back
rounded-2xl, or any single radius, on every element
glassmorphism blur + border + shadow on every surface
hover:scale-105 lift on cards
emoji as feature icons (🚀 ⚡ ✨ 🎯 💡)
left-border accent cards, a colored border on a rounded element, or cards nested inside cards
fade-up / slide-up on everything as it scrolls in
motion that ignores prefers-reduced-motion
scribbly hand-drawn SVG mascots with no purpose

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬