ckm:ui-styling
작성자: nextlevelbuilder
shadcn/ui 컴포넌트(Radix UI + Tailwind 기반), Tailwind CSS 유틸리티 우선 스타일링, 캔버스 기반 시각 디자인을 활용하여 아름답고 접근성 높은 사용자 인터페이스를 제작합니다. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 생성, 접근성 높은 컴포넌트(대화상자, 드롭다운, 폼, 테이블) 추가, 테마 및 색상 커스터마이징, 다크 모드 구현, 시각 디자인 및 포스터 생성, 애플리케이션 전반에 일관된 스타일링 패턴을 확립할 때 사용하세요.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingnextlevelbuilder의 다른 스킬
ui-ux-pro-max
nextlevelbuilder
웹 및 모바일을 위한 UI/UX 디자인 인텔리전스. 50개 이상의 스타일, 161개의 컬러 팔레트, 57개의 폰트 페어링, 161개의 제품 유형, 99개의 UX 가이드라인, 10개 스택(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS)에 걸친 25개의 차트 유형을 포함합니다. 작업: UI/UX 코드 계획, 구축, 생성, 디자인, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링 및 확인. 프로젝트: 웹사이트, 랜딩 페이지, 대시보드, 관리자 패널, 이커머스, SaaS, 포트폴리오, 블로그 등.
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
토큰 아키텍처, 컴포넌트 명세, 슬라이드 생성. 3계층 토큰(원시→의미→컴포넌트), CSS 변수, 간격/타이포그래피 스케일, 컴포넌트 명세, 전략적 슬라이드 제작. 디자인 토큰, 체계적 디자인, 브랜드 준수 프레젠테이션에 사용합니다.
designdevelopmentcreative
ckm:design
nextlevelbuilder
포괄적인 디자인 스킬: 브랜드 아이덴티티, 디자인 토큰, UI 스타일링, 로고 생성 (55개 스타일, Gemini AI), 기업 아이덴티티 프로그램 (50개 산출물, CIP 목업), HTML 프레젠테이션 (Chart.js), 배너 디자인 (22개 스타일, 소셜/광고/웹/인쇄), 아이콘 디자인 (15개 스타일, SVG, Gemini 3.1 Pro), 소셜 사진 (HTML→스크린샷, 멀티 플랫폼). 액션: 로고 디자인, CIP 생성, 목업 생성, 슬라이드 제작, 배너 디자인, 아이콘 생성, 소셜 사진 생성, 소셜 미디어 이미지, 브랜드...
designcreativemedia
ckm:brand
nextlevelbuilder
브랜드 보이스, 시각적 아이덴티티, 메시징 프레임워크, 자산 관리, 브랜드 일관성. 브랜드 콘텐츠, 톤 앤 보이스, 마케팅 자산, 브랜드 컴플라이언스, 스타일 가이드에 활성화하세요.
designmarketingcreative
ckm:slides
nextlevelbuilder
Chart.js, 디자인 토큰, 반응형 레이아웃, 카피라이팅 공식, 맥락 기반 슬라이드 전략을 활용하여 전략적인 HTML 프레젠테이션을 제작합니다.
designcreative
ckm:banner-design
nextlevelbuilder
소셜 미디어, 광고, 웹사이트 히어로, 크리에이티브 에셋 및 인쇄물용 배너를 디자인합니다. AI 생성 비주얼을 활용한 다양한 아트 디렉션 옵션 제공. 작업: 배너 디자인, 제작, 생성. 플랫폼: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, 웹사이트 히어로, 인쇄물. 스타일: 미니멀리스트, 그라데이션, 굵은 타이포그래피, 사진 기반, 일러스트, 기하학적, 레트로, 글래스모피즘, 3D, 네온, 듀오톤, 에디토리얼, 콜라주. ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal 스킬을 사용합니다.
designcreativemarketing
design-system
nextlevelbuilder
토큰 아키텍처, 컴포넌트 명세, 슬라이드 생성. 3계층 토큰(기본→의미→컴포넌트), CSS 변수, 간격/타이포그래피 스케일, 컴포넌트 명세, 전략적 슬라이드 제작. 디자인 토큰, 체계적 디자인, 브랜드 준수 프레젠테이션에 사용합니다.
designdevelopmentcreative
banner-design
nextlevelbuilder
소셜 미디어, 광고, 웹사이트 히어로, 크리에이티브 에셋, 인쇄물용 배너를 디자인합니다. AI 생성 비주얼을 활용한 다양한 아트 디렉션 옵션을 제공합니다. 작업: 배너 디자인, 제작, 생성. 플랫폼: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, 웹사이트 히어로, 인쇄물. 스타일: 미니멀리스트, 그라데이션, 볼드 타이포그래피, 사진 기반, 일러스트, 기하학, 레트로, 글래스모피즘, 3D, 네온, 듀오톤, 에디토리얼, 콜라주. ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal 스킬을 사용합니다.