Typography

theme-factory는 슬라이드, 문서, 보고서, 랜딩 페이지에 일관된 시각 테마를 적용하는 큐레이션 스킬입니다. `theme-showcase.pdf`를 보고 10가지 프리셋 테마 중 선택한 뒤, 색상과 폰트 조합을 아티팩트에 반영할 수 있습니다.

canvas-design는 먼저 Markdown으로 디자인 철학을 정리한 뒤 이를 .png 또는 .pdf로 렌더링하는 2단계 흐름으로 독창적인 정적 비주얼을 제작하도록 돕습니다. 포스터, 커버 아트, 콘셉트 비주얼, 텍스트가 적은 UI 인접 캠페인 그래픽에 특히 잘 맞습니다.

ui-ux-pro-max는 AI 기반 UI/UX 디자인을 위한 종합 스킬입니다. 웹과 모바일 프로젝트의 레이아웃, 스타일, 컬러 시스템, 타이포그래피, UX 규칙에 대해 체계적으로 안내하며, React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, HTML/CSS 등 다양한 환경에서 실무 디자인 결정을 지원합니다. UI 기획, 리뷰, 개선에 활용할 수 있는 큐레이션된 디자인 인텔리전스를 제공합니다.

ckm:ui-styling은 shadcn/ui, Tailwind CSS, 캔버스 기반 비주얼 디자인을 활용해 접근성 높고 실전용 UI를 손쉽게 구현할 수 있도록 돕습니다. React 프로젝트에서 구조화된 반응형 레이아웃, 접근성 컴포넌트, 다크 모드, 일관된 디자인 시스템이 필요할 때 적합합니다. UI 디자인, 테마 적용, 빠른 프로토타이핑에 실용적이고 스택별 맞춤 가이드를 제공합니다.

ckm:design은 로고, CIP 목업, 배너, 슬라이드, SVG 아이콘 작업을 라우팅하고 제작하는 구조화된 디자인 스킬입니다. 범용 프롬프트 출력에 그치지 않고, 실무 참고자료, CSV 기반 옵션, Python 스크립트로 반복 가능한 디자인 워크플로를 지원합니다.

ckm:brand는 브랜드 가이드라인, 메시지, 보이스, 비주얼 아이덴티티, 디자인 토큰 동기화를 생성·업데이트·검토하는 브랜딩 워크플로 스킬로, 실무용 스크립트와 체크리스트를 제공합니다.

ckm:banner-design은 구조화된 브리프, 배너 크기별 워크플로, 다양한 아트 디렉션을 바탕으로 배너, 커버, 헤더, 디스플레이 광고, 웹사이트 히어로 그래픽 제작을 돕습니다. SKILL.md와 배너 크기·스타일 레퍼런스를 활용하는 UI 디자인, 마케팅 크리에이티브, 플랫폼별 배너 콘셉트 작업에 적합합니다.

typeset은 폰트 선택, 계층 구조, 크기, 두께, 가독성을 점검해 UI 타이포그래피를 개선하는 스킬입니다. /frontend-design 이후에 사용하는 것이 가장 적합하며, 맥락이 부족할 때는 /teach-impeccable과 함께 활용하면 일반적인 텍스트를 더 명확하고 의도적인 타이포그래피 시스템으로 다듬는 데 도움이 됩니다.

normalize 스킬은 UI 기능을 점검하고 디자인 시스템에 맞게 다시 정렬하도록 돕습니다. normalize의 설치 맥락, 필요한 /frontend-design 사전 준비, 그리고 페이지·라우트·컴포넌트에 실제로 적용하는 방법을 확인해 보세요.

frontend-design은 더 탄탄한 맥락, 정보 위계, 접근성, 반응형 동작을 바탕으로 완성도 높은 프런트엔드 UI를 만들기 위한 디자인 중심 스킬입니다. 이 가이드를 통해 스킬 설치 방법을 확인하고, 핵심 참고 자료를 읽고, 더 나은 컴포넌트·페이지·앱 화면 설계를 위한 실전 지침을 적용할 수 있습니다.

bolder는 밋밋하거나 지나치게 무난한 인터페이스에 더 강한 위계, 대비, 개성을 더해 주는 UI 디자인 스킬입니다. 사용성은 해치지 않으면서 인상을 또렷하게 만드는 데 초점을 둡니다. 페이지, 섹션, 컴포넌트처럼 구체적인 대상을 정한 뒤 사용하는 것이 가장 적합하며, 가능하면 /frontend-design 이후에 쓰고, 맥락 정보가 부족하다면 /teach-impeccable도 함께 고려하는 편이 좋습니다.