자료실
지식·유틸스킬official
Skill: Frontend Design
템플릿 같지 않은 UI 미감과 타이포그래피 방향을 잡는 공식 스킬
2026년 7월 21일
연결
동작 방식
MCP 서버가 아니라 AI 클라이언트가 읽는 지침 문서입니다. 필요한 시점에 Frontend Design 스킬이 로드되어 작업 절차와 참고 코드를 제공하며, 외부 서비스 연결은 일어나지 않습니다.
새 UI를 만들거나 기존 화면을 다시 잡을 때 시각적 방향을 의도적으로 결정하도록 돕는 Anthropic 공식 스킬입니다. 색 팔레트와 타이포그래피, 레이아웃에 대해 근거 있는 선택을 하도록 안내하며, 기본값처럼 보이는 결과를 피하는 데 초점을 둡니다.
별도 자격이나 외부 연결은 필요 없습니다. 주제 자체에서 시각 언어를 끌어내라는 원칙을 두어 장식이 아니라 내용에서 출발하도록 만듭니다.
설치는 단일 셸 명령이 아니라 Claude Code의 플러그인 마켓플레이스 흐름을 따릅니다. 먼저 `/plugin marketplace add anthropics/skills`로 저장소를 마켓플레이스로 등록한 뒤 `/plugin install example-skills@anthropic-agent-skills`을 실행합니다. 저장소를 쓰지 않고 스킬 폴더를 `~/.claude/skills/`나 프로젝트의 `.claude/skills/`에 직접 복사해도 인식됩니다. 예제 스킬 묶음에 포함돼 함께 설치됩니다. 코드를 실행하기보다 판단 기준을 제공하는 성격이라 별도 런타임 요구가 없습니다.
만들어 놓고 보니 어디서 본 듯한 화면이 나오는 문제를 겪는 개발자에게 맞습니다.
댓글 0
아직 댓글이 없습니다. 첫 댓글을 남겨보세요.