nextlevelbuilder

nextlevelbuilder

활성
7
스킬
3
카테고리
ClaudeCodexCode(CC)

게시된 스킬 7

📊

ckm:slides

데이터 시각화를 활용한 전략적 HTML 프레젠테이션 제작

낮은 위험 70

처음부터 설득력 있는 슬라이드 덱을 만드는 데는 수 시간의 디자인 및 카피라이팅 작업이 필요합니다. 이 스킬은 검증된 템플릿, Chart.js 통합, 카피라이팅 공식을 제공하여 전문적인 프레젠테이션을 빠르게 만들 수 있도록 도와줍니다.

Claude Codex Code(CC)
설치
🎨

ckm:banner-design

모든 플랫폼을 위한 배너 디자인

낮은 위험 70

플랫폼별 배너를 제작하려면 정확한 치수, 안전 영역, 아트 디렉션 선택이 필요합니다. 이 스킬은 소셜, 웹, 인쇄용 정확한 사양으로 여러 배너 디자인 옵션을 생성하는 가이드형 워크플로를 제공합니다.

Claude Codex Code(CC)
설치
🎨

ckm:brand

일관된 브랜드 아이덴티티 구축 및 유지

낮은 위험 75

콘텐츠, 자산, 디자인 시스템 전반에 걸쳐 브랜드 일관성을 유지하는 것은 가이드라인이 흩어진 문서에 있을 때 어렵습니다. 이 스킬은 구조화된 프레임워크, 자동화된 검증 스크립트, 그리고 디자인 토큰 동기화를 제공하여 브랜드 보이스와 비주얼이 정렬되도록 유지합니다.

Claude Codex Code(CC)
설치
🎨

ui-ux-pro-max

전문적인 UI/UX 디자인 만들기

안전 72

사용자 인터페이스를 구축하려면 적절한 스타일, 색상 및 레이아웃 패턴을 찾는 것이 필요합니다. 이 기술은 50가지 디자인 스타일, 21가지 색상 팔레트, 50가지 폰트 페어링 및 프레임워크별 가이드라인을 제공하여 전문적인 인터페이스를 만들 수 있도록 합니다.

Claude Codex Code(CC)
설치
🎨

ckm:ui-styling

UI 스타일링 툴킷 - shadcn/ui, Tailwind CSS 및 Canvas 디자인

낮은 위험 75

shadcn/ui의 접근성 높은 컴포넌트 라이브러리와 Tailwind CSS 유틸리티 우선 스타일링, 그리고 캔버스 기반 시각적 디자인 시스템을 결합하여 UI 개발의 마찰을 제거합니다. 이 스킬은 40개 이상의 shadcn/ui 컴포넌트에 대한 종합 참조 문서, 테마 및 다크 모드 패턴, 접근성 가이드라인, 반응형 디자인 유틸리티, 그리고 컴포넌트 설치 및 Tailwind 설정 생성을 위한 Python 자동화 스크립트를 제공합니다.

Claude Codex Code(CC)
설치
📦

ckm:design

AI로 로고, 브랜드 아이덴티티, 소셜 미디어 비주얼 디자인하기

중간 위험 68

전문적인 디자인을 만들려면 보통 디자이너를 고용하거나 복잡한 소프트웨어를 배워야 합니다. 이 스킬은 AI를 활용하여 사용자의 설명만으로 로고, 브랜드 아이덴티티 문서, 소셜 미디어 이미지, 배너, 아이콘, 프레젠테이션을 직접 생성합니다.

Claude Codex Code(CC)
설치
📦

ckm:design-system

디자인 토큰 생성, 사용 검증 및 브랜드 슬라이드 제작

낮은 위험 72

디자인 시스템은 프리미티브, 시맨틱, 컴포넌트 레이어 전반에 걸쳐 토큰이 일관되게 적용되지 않을 때 자주 무너집니다. 이 스킬은 JSON 토큰 정의에서 CSS 변수를 생성하고, 코드에서 토큰 사용을 검증하며, Chart.js와 통합된 브랜드 준수 슬라이드 프레젠테이션을 제작합니다.

Claude Codex Code(CC)
설치