개발
클로드로 만든 사이트 AI 티 지우는 디자인 레포 5개 — 설치법 정리
지금 다 못 읽겠다면 · 이 가이드 링크를 메일로 받기
댓글 감사합니다 🙌 말씀드린 클로드 사이트 AI 티 지우는 레포 5개 설치법 보내드릴게요.
TasteSkill — 뻔한 화면 막기
터미널에서:
npx skills add https://github.com/Leonxlnx/taste-skill
클로드 코드만 쓴다면 클로드 코드 안에서:
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill
UI UX Pro Max — 글꼴·색·레이아웃 기준
클로드 코드 안에서:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Awesome Claude Design — 디자인 68종 견본
설치 없음. 목록에서 마음에 드는 디자인의 DESIGN.md 를 받아서
클로드 디자인(claude.ai/design)이나 클로드 코드에 첨부하면 됩니다.
Design Motion Principles — 애니메이션 원칙
npx skills add kylezantos/design-motion-principles
DESIGN.md Chrome — 남의 사이트 디자인 뽑기
크롬 웹스토어에서 설치 → 따라 하고 싶은 사이트에서 실행 → DESIGN.md 다운로드
이렇게 쓰면 됩니다
첨부한 DESIGN.md 디자인 시스템을 그대로 따라서 랜딩페이지 만들어줘. 흔한 AI 레이아웃(큰 제목+카드 3개+그라데이션 버튼)은 피해줘.
⚠️ 레포는 전부 무료(MIT)지만 클로드 사용료는 별도입니다. 남의 사이트 디자인을 추출해 쓸 땐 로고·브랜드 요소까지 베끼지는 마세요.
👇 링크 https://github.com/Leonxlnx/taste-skill https://github.com/nextlevelbuilder/ui-ux-pro-max-skill https://github.com/VoltAgent/awesome-claude-design https://github.com/kylezantos/design-motion-principles https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma
저장해두고 다음 클로드 사이트 만들 때 하나씩 붙여보세요 👌
FOR TEAMS
이 가이드, 우리 팀에 적용하려면?
회사명과 업무 한 줄만 남겨주시면 널포인터스튜디오가 직접 검토해 회신드립니다.