390 스킬들
📊

ckm:slides

낮은 위험 70

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

작성자 nextlevelbuilder

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

Claude Codex Code(CC)
설치
🎨

ai-image-generation

낮은 위험 72

Claude를 통해 50개 이상의 모델로 AI 이미지 생성

작성자 halt-catch-fire

Claude는 간단한 CLI를 통해 GPT-Image-2, FLUX, Gemini 및 기타 주요 모델을 사용하여 전문적인 AI 이미지를 생성할 수 있습니다. 이 스킬은 모든 이미지 생성 작업을 위한 바로 사용 가능한 프롬프트 템플릿과 모델 추천을 제공합니다.

Claude Codex Code(CC)
설치
🎬

ai-avatar-video

낮은 위험 70

간단한 CLI 명령어로 AI 아바타 비디오 제작하기

작성자 halt-catch-fire

전문적인 AI 아바타 비디오를 만들려면 여러 AI 모델이 포함된 복잡한 파이프라인이 필요합니다. 이 스킬은 토킹 헤드 비디오, 립싱크 콘텐츠, 가상 프레젠터를 생성할 수 있는 바로 사용 가능한 CLI 명령어를 제공하여 프로세스를 간소화합니다.

Claude Codex Code(CC)
설치
🎬

remotion-render

안전 74

React 코드를 MP4 비디오로 렌더링

작성자 halt-catch-fire

React 코드에서 모션 그래픽을 제작하려면 보통 전체 Remotion 툴체인이 필요합니다. 이 스킬은 TSX 컴포넌트를 inference.sh로 보내고, 설정 가능한 해상도, FPS, 코덱으로 렌더링된 MP4를 반환합니다.

Claude Codex Code(CC)
설치
🎨

ckm:banner-design

낮은 위험 70

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

작성자 nextlevelbuilder

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

Claude Codex Code(CC)
설치
🎨

visioncraft

낮은 위험 82

간단한 명령으로 AI 이미지와 동영상 생성하기

작성자 BAI-32

AI로 이미지와 동영상을 생성하려면 보통 웹 인터페이스를 탐색하거나 복잡한 API 코드를 작성해야 합니다. VisionCraft를 사용하면 Claude에서 간단한 자연어 프롬프트만으로 시각 자료를 생성, 편집, 애니메이션화할 수 있습니다.

Claude Codex Code(CC)
설치
🎨

ckm:brand

낮은 위험 75

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

작성자 nextlevelbuilder

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

Claude Codex Code(CC)
설치
🖼️

yescan-scan-universal

중간 위험 77

AI로 이미지 보정 및 정리

작성자 yescan-ai

사진, 스크린샷, 스캔 문서에는 종종 손글씨, 워터마크, 그림자 같은 원치 않는 요소가 포함되어 있습니다. 이 스킬은 Quark Scan King API를 사용하여 이미지 품질을 자동으로 향상시키고, 시각적 노이즈를 제거하며, 예술적 효과를 적용합니다.

Claude Codex Code(CC)
설치
🎨

image

안전 76

AI로 마케팅 이미지 생성하기

작성자 coreyhaines31

전문적인 마케팅 이미지를 만드는 것은 시간이 많이 걸리며 디자인 전문 지식이 필요합니다. 이 스킬은 모든 플랫폼을 위한 AI 도구와 모범 사례를 사용하여 시각적 자산을 생성, 편집 및 최적화하는 데 도움을 줍니다.

Claude Codex Code(CC)
설치
🎬

video

낮은 위험 73

AI 도구로 마케팅 비디오 제작하기

작성자 coreyhaines31

마케팅 비디오 제작에는 수십 가지 AI 도구, 프레임워크, 워크플로우 중에서 선택해야 합니다. 이 스킬은 프로그래매틱 방식, AI 생성, 또는 아바타 기반 등 적절한 접근 방식을 선택하여 전문적인 비디오 콘텐츠를 효율적으로 제작할 수 있도록 안내합니다.

Claude Codex Code(CC)
설치
📦

ui-ux-pro-max

안전 74

디자인 시스템 인텔리전스로 전문적인 UI/UX 디자인 만들기

작성자 ZhanlinCui

전문적인 UI/UX 디자인을 만들려면 접근성, 색상 이론, 타이포그래피, 스택별 패턴에 대한 깊은 지식이 필요합니다. 이 스킬은 세련된 인터페이스를 더 빠르게 구축할 수 있도록 50 개 이상의 디자인 스타일, 색상 팔레트, 폰트 페어링 및 구현 가이드라인을 제공하는 검색 가능한 데이터베이스를 제공합니다.

Claude Codex Code(CC)
설치
🎨

theme-factory

안전 72

프레젠테이션 및 문서에 전문 테마 적용

작성자 ZhanlinCui

일반 문서와 프레젠테이션을 세심하게 큐레이션된 디자인 테마로 시각적으로 완성도 높은 아티팩트로 변환합니다. 10 가지 사전 구축된 테마 중에서 선택하거나 브랜드 아이덴티티에 맞는 커스텀 스타일을 만드세요.

Claude Codex Code(CC)
설치
📦

frontend-design

안전 74

독특한 프론트엔드 인터페이스 만들기

작성자 ZhanlinCui

사용자들은 시각적 개성이 부족한 일반화된 AI 생성 프론트엔드 코드로 어려움을 겪습니다. 이 스킬은 독창적이고 기억에 남는 시각적 정체성을 가진 프로덕션급 인터페이스를 만들기 위한 디자인 사고 안내와 미적 원칙을 제공합니다.

Claude Codex Code(CC)
설치
🎨

canvas-design

낮은 위험 71

캔버스로 시각 예술 만들기

작성자 ZhanlinCui

디자인 철학 원리를 사용하여 PNG 및 PDF 형식의 전문적인 시각 예술을 생성합니다. 저작권 문제를 피하면서 전문가의 기술로 원본 예술 작품을 만듭니다.

Claude Codex Code(CC)
설치
🎨

brand-guidelines

안전 71

Anthropic 브랜드 색상 및 타이포그래피 적용

작성자 ZhanlinCui

모든 AI 생성 콘텐츠에서 일관된 시각적アイ덴티티를 유지합니다. 이 스킬은 Anthropic 의 공식 브랜드 색상과 타이포그래피를 자동으로 적용합니다.

Claude Codex Code(CC)
설치
🎨

algorithmic-art

안전 62

p5.js 로 알고리즘 아트 생성하기

작성자 ZhanlinCui

시드 기반 무작위성을 사용하여 재현 가능한 결과를 만드는 p5.js 기반의 독특한 제너러티브 아트를 창작하세요. 사용자가 파라미터 컨트롤과 시드 탐색을 통해 탐색할 수 있는 인터랙티브 아트를 구축합니다.

Claude Codex Code(CC)
설치
🎨

frontend-design

안전 73

대담한 선택으로 창의적인 프론트엔드 인터페이스 설계

작성자 YYH211

일반적인 AI가 생성한 프론트엔드 코드는 종종 평범하고 인상적이지 않습니다. 이 스킬은 대담한 디자인 선택과 시각적 세부 사항에 대한 세심한 주의로 독특하고 프로덕션 품질의 웹 인터페이스 생성을 안내합니다.

Claude Codex Code(CC)
설치
📦

ui-design

안전 70

구조화된 워크플로우로 UI 스타일 변경 간소화하기

작성자 yunshu0909

UI 수정은 사용자와 AI 간의 기대치 불일치로 인해 실패하는 경우가 많습니다. 이 스킬은 스크린샷과 ASCII 다이어그램을 사용하는 5 단계 워크플로우를 제공하여 코드를 작성하기 전에 시각적 변경 사항이 사용자의 의도와 일치하도록 보장합니다.

Claude Codex Code(CC)
설치
📦

image-assistant

낮은 위험 67

콘텐츠에서 인포그래픽 프롬프트 생성

작성자 yunshu0909

긴 기사를 시각적으로 바로 사용할 수 있는 텍스트 최소화 16:9 인포그래픽 프롬프트로 변환합니다. 일관된 스타일과 명확한 메시지를 보장하며 시청자를 압도하지 않는 검증된 5단계 워크플로우를 따릅니다.

Claude Codex Code(CC)
설치
📐

design-exploration

안전 70

디자인 탐색 워크플로우

작성자 yunshu0909

구조화된 탐색을 통해 모호한 기능 아이디어를 제공 가능한 설계 문서로 변환합니다. 이 스킬은 사용자를 모호한 개념에서 구체적인 설계 사양으로 안내하며, 요구사항 수렴, 기술 리서치, 포괄적인 UI 문서화를 위한 검증된 워크플로우를 사용합니다.

Claude Codex Code(CC)
설치