30일 챌린지 오픈 알림 받기
← 모든 가이드

개발

클로드로 만든 사이트 AI 티 지우는 디자인 레포 5개 — 설치법 정리

Claude
지금 다 못 읽겠다면 · 이 가이드 링크를 메일로 받기

댓글 감사합니다 🙌 말씀드린 클로드 사이트 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

이 가이드, 우리 팀에 적용하려면?

회사명과 업무 한 줄만 남겨주시면 널포인터스튜디오가 직접 검토해 회신드립니다.