스킬 · 디자인
잘된 사이트 디자인 역설계
커뮤니티
taste-skill
디자인
마음에 드는 사이트 주소를 주면 그 디자인을 뜯어 색·간격·글꼴 같은 수치로 뽑아 줍니다. 여기서 그치지 않고 "왜 이렇게 했는가"까지 정리해 주기 때문에 그대로 베끼는 대신 내 화면에 옮겨 적용할 수 있습니다.
이럴 때 씁니다
레퍼런스 사이트는 정해 뒀는데 그 느낌을 어떻게 내 화면에 옮길지 막막할 때
한 줄로 넣기
저장소를 내려받아 설정 스크립트를 돌리는 방식입니다.
git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste
전체 설치 절차
Claude Code 가 아니거나 개별 스킬만 넣고 싶으실 때 보십시오. 눌러서 펼치면 전체가 나옵니다.
설치 절차 전문
# taste-skill 설치
## 1. 저장소를 내려받습니다
git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste
## 2. 안내에 따라 설정합니다
내려받은 폴더의 README 에 설정 절차가 있습니다.
다른 도구를 쓰신다면 --host 옵션으로 지정합니다.
## 3. Claude 를 다시 시작합니다
## 주의
클론 방식은 자동 갱신이 되지 않습니다.
가끔 저장소를 다시 받아 최신으로 맞추십시오.이렇게 시켜 보세요
넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.
알아 둘 것
브라우저를 직접 열어 분석하므로 Playwright MCP 를 함께 설치해야 합니다. MIT 라이선스.
원본 보기
스킬의 실제 내용은 SKILL.md 파일 하나에 들어 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다. 스킬은 Claude 에게 그대로 들어가는 지시문이라, 무엇을 시키는지 확인하지 않고 쓰면 의도치 않은 동작을 할 수 있습니다.
GitHub 에서 senlindesign/taste-skill 열기