플러그인 · 디자인
완성도 높은 프론트엔드 디자인
Anthropic 공식
frontend-design
디자인
템플릿 티 나지 않는, 완성도 높은 프론트엔드 화면을 만들도록 도와주는 공식 플러그인입니다.
이럴 때 씁니다
만든 화면이 다 비슷비슷한 AI 티가 날 때
한 줄로 넣기
Claude Code 에서 마켓플레이스를 먼저 등록한 뒤, 플러그인을 설치합니다.
/plugin marketplace add anthropics/claude-plugins-official
/plugin install frontend-design@claude-plugins-official
전체 설치 절차
순서대로 하나씩 확인하고 싶으실 때 보십시오. 눌러서 펼치면 전체가 나옵니다.
설치 절차 전문
# frontend-design 설치
## 1. 마켓플레이스를 등록합니다
/plugin marketplace add anthropics/claude-plugins-official
## 2. 플러그인을 넣습니다
/plugin install frontend-design@claude-plugins-official
## 3. Claude 를 다시 시작합니다
창만 닫으면 반영되지 않습니다.
Windows 는 작업 표시줄 아이콘에서 종료, macOS 는 Cmd+Q 로 완전히 끄십시오.
## 4. 확인
/plugin 명령으로 설치된 목록에 있는지 확인할 수 있습니다.
넣고 나면 관련 작업에서 알아서 불러 씁니다. 매번 지정하지 않아도 됩니다.이렇게 시켜 보세요
넣고 나서 바로 던져 볼 수 있는 지시문입니다. 누르면 복사됩니다.
알아 둘 것
같은 이름의 스킬(anthropics/skills 저장소)과는 별개 항목입니다. 이 플러그인은 공식 플러그인 마켓플레이스(claude-plugins-official) 소속입니다.
원본 보기
플러그인 안에는 스킬·명령어·훅·MCP 서버가 함께 들어 있을 수 있습니다. 넣기 전에 한 번 읽어 보시는 것을 권합니다.