frontend-design은(는) 무엇을 하나요?
Claude Code, Codex, Gemini CLI를 위한 프론트엔드 디자인 스킬입니다. 각각 팔레트, 타이포그래피, 텍스처를 특정 CSS 토큰에 고정하는 8가지 미적 앵커를 제공합니다. 브리프당 하나를 선택하세요.
미적 앵커
각 앵커는 고유한 디자인 언어를 정의합니다:
- Modern Minimal - 깔끔하고 여백이 많은 미니멀리즘
- Bold & Playful - 대담한 색상과 재미있는 타이포그래피
- Elegant Serif - 세리프 폰트와 고급스러운 팔레트
- Tech Dark - 어두운 테마와 형광 포인트
- Nature Inspired - 자연에서 영감을 받은 색상과 유기적 텍스처
- Retro Vibrant - 레트로 스타일과 생생한 색상
- Corporate Clean - 전문적이고 깔끔한 비즈니스 스타일
- Artistic Experimental - 예술적이고 실험적인 레이아웃
사용 방법
- 브리프에 가장 적합한 앵커를 선택합니다.
- AI 에이전트가 해당 앵커의 CSS 토큰을 자동으로 적용합니다.
- 일관된 디자인 시스템을 유지한 채 UI를 개발합니다.
CSS 토큰 예시
:root {
--color-primary: #1a73e8;
--color-secondary: #34a853;
--font-heading: 'Inter', sans-serif;
--font-body: 'Inter', sans-serif;
--texture-surface: 'subtle-grid';
}
지원 플랫폼
- Claude Code
- Codex
- Gemini CLI