Leonxlnx/taste-skill

어떤 프로젝트인가요?

핵심 기능

• 01페이지를 만들기 전에 조사된 선택지 중 아트 디렉션을 고릅니다
• 02Wikimedia Commons 같은 공개 컬렉션에서 실제 사진을 가져오고 페이지에 출처를 표기합니다
• 03실제 브라우저에서 세 가지 화면 너비로 렌더링된 페이지를 확인합니다
• 04스크린샷을 직접 검토하고 여러 차례에 걸쳐 주요 문제를 수정합니다
• 05대시보드와 앱 화면을 위한 별도의 규칙을 포함합니다
• 06npx skills로 설치하거나 Claude Code 및 Codex 플러그인으로 설치할 수 있습니다

활용 사례

• 기본 AI 템플릿처럼 보이지 않는 랜딩 페이지나 포트폴리오 만들기
• 변경을 적용하기 전에 실제 브라우저에서 기존 웹사이트를 재설계하거나 점검하기
• 정직한 데이터와 절제된 스타일을 갖춘 대시보드나 관리 화면 만들기
• 뚜렷한 시각적 정체성이 필요한 제품의 마케팅 사이트 제작하기

빠른 시작

1. 1

   npx로 기본 스킬을 설치합니다

   npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
2. 2

   Node 22 이상과 Chrome, Edge 또는 Chromium을 설치합니다

사용 전 알아둘 점

• !기본 스킬을 사용하려면 Node 22 이상과 설치된 Chrome, Edge 또는 Chromium이 필요합니다.
• !이미지를 찾으려면 네트워크에 연결되어 있어야 합니다.
• !한 번 빌드하는 데 약 30~45분이 걸리고 토큰 수십만 개가 소요됩니다.

토픽

자주 묻는 질문

taste-skill은(는) 무엇인가요?

코딩 에이전트가 아트 디렉션과 실제 사진, 브라우저 자체 점검으로 개성 있는 프런트엔드를 만들도록 돕는 Agent Skills입니다. Taste Skill은 Claude Code, Codex, Cursor 같은 코딩 에이전트를 위한 Agent Skills 모음입니다. AI 도구가 흔히 만들어내는 개성 없는 템플릿형 페이지를 개선하는 데 초점을 둡니다. 기본 스킬인 design-taste-frontend를 설치하면, 에이전트가 조사해 둔 여러 선택지 중 아트 디렉션을 고르고, 출처 표기를 포함해 공개 이미지 컬렉션에서 실제 사진을 찾은 뒤 페이지를 만들고, 실제 브라우저에서 여러 화면 너비로 확인합니다.

taste-skill은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

taste-skill은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

taste-skill은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. taste-skill의 마지막 커밋은 2026년 10월 19일입니다.

taste-skill은(는) 어디에 사용할 수 있나요?

기본 AI 템플릿처럼 보이지 않는 랜딩 페이지나 포트폴리오 만들기 변경을 적용하기 전에 실제 브라우저에서 기존 웹사이트를 재설계하거나 점검하기 정직한 데이터와 절제된 스타일을 갖춘 대시보드나 관리 화면 만들기 뚜렷한 시각적 정체성이 필요한 제품의 마케팅 사이트 제작하기

taste-skill는 어떻게 설치하나요?

npx로 기본 스킬을 설치합니다: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" Node 22 이상과 Chrome, Edge 또는 Chromium을 설치합니다

taste-skill은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Leonxlnx/taste-skill