390 스킬들
🎨

animation-shader

안전 70

Unity 게임용 애니메이션 스타일 셰이더 만들기

작성자 Yuki001

Unity용 스타일화된 툰 셰이더를 구축하려면 복잡한 셰이더 매개변수와 기능 매핑을 이해해야 합니다. 이 스킬은 6개의 인기 있는 셰이더 라이브러리에 대한 프리셋 스타일과 상세한 참조를 제공하여 애니메이션, 셀 셰이딩, 아티스틱 렌더링 이펙트를 구현할 수 있도록 도와줍니다.

Claude Codex Code(CC)
설치
🎨

obsidian-theme-designer

낮은 위험 72

Obsidian 테마를 비주얼로 디자인하기

작성자 XiangyuSu611

Obsidian 테마를 디자인하려면 보통 CSS 지식과 시행착오가 필요합니다. 이 스킬은 브라우저 미리보기를 통한 비주얼 가이드 워크플로를 제공하여, 모든 사용자가 적절한 색상, 폰트, 레이아웃으로 커스텀 테마를 만들 수 있도록 합니다.

Claude Codex Code(CC)
설치
🎨

ux-evaluator

안전 69

UX 모범 사례에 대한 UI 컴포넌트 평가

작성자 92Bilal26

UI 리뷰는 종종 주관적인 의견 싸움으로 전락되곤 합니다. 이 스킬은 업계 권위 있는 기관의 근거 기반 원칙에 디자인 피드백을 체계적인 3차원 프레임워크로 뒷받침합니다.

Claude Codex Code(CC)
설치
🎨

image-generator

안전 68

Gemini로 교육용 다이어그램 생성

작성자 92Bilal26

수업을 위한 전문적인 다이어그램 제작은 몇 시간의 디자인 작업이 필요합니다. 이 스킬은 Gemini 3와 브라우저 자동화, 6단계 품질 관리를 활용하여 교육용 시각 자료를 생성하는 구조화된 워크플로우를 제공합니다.

Claude Codex Code(CC)
설치
🎨

frontend-design

안전 68

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

작성자 92Bilal26

웹 인터페이스 구축은 종종 일반적이고 예측 가능한 디자인으로 이어집니다. 이 스킬은 AI 어시스턴트가 표준 패턴과 구별되는 독특한 미학, 창의적인 타이포그래피, 정교한 애니메이션을 갖춘 대담하고 프로덕션 수준의 프론트엔드 코드를 생성하도록 안내합니다.

Claude Codex Code(CC)
설치
🎨

theme-factory

안전 67

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

작성자 7Spade

일관되고 전문적인 비주얼 디자인을 만드는 데는 시간과 디자인 전문성이 필요합니다. 이 스킬은 슬라이드, 문서, 보고서 및 웹 페이지에 즉시 적용할 수 있는 10가지 큐레이션된 색상 및 글꼴 테마를 제공합니다. 요구사항에 따라 사용자 정의 테마도 생성할 수 있습니다.

Claude Codex Code(CC)
설치
🎨

frontend-design

안전 68

독특한 프로덕션급 프론트엔드 인터페이스 설계

작성자 7Spade

일반적인 AI 생성 프론트엔드 코드는 유사한 경우가 많으며 창의적인 개성이 부족합니다. 이 스킬은 독특하고 기억에 남는 인터페이스, 과감한 미학적 선택, 적절한 타이포그래피,连贯적인 색상 테마, 세련된 시각적 세부 사항 생성을 안내합니다.

Claude Codex Code(CC)
설치
🎨

canvas-design

안전 68

시각 예술 및 디자인 걸작품 만들기

작성자 7Spade

사용자는 깊은 디자인 지식과 타이포그래피 전문 지식이 필요한 독창적이고 박물관 수준의 시각 디자인을 만드는 데 어려움을 겪습니다. 이 스킬은 큐레이션된 폰트와 디자인 철학 원칙을 사용하여 정교한 시각 아트를 생성하고 원본 PNG 및 PDF 출력을 생산합니다.

Claude Codex Code(CC)
설치
🎨

brand-guidelines

안전 67

Anthropic 브랜드 스타일링 적용

작성자 7Spade

문서와 프레젠테이션에 일관된 브랜드 스타일링이 필요합니다. 이 스킬은 전문적인 시각적 아이덴티티를 적용하기 위해 Anthropic의 공식 브랜드 색상과 타이포그래피 가이드라인을 제공합니다.

Claude Codex Code(CC)
설치
📸

snapdom

안전 70

HTML 요소를 이미지로 변환

작성자 2025Emma

스타일이 적용된 DOM 요소를 이미지로 캡처해야 하나요? SnapDOM은 SVG, PNG, JPG, WebP 형식을 지원하며 글꼴, 의사 요소, CSS 효과를 유지하면서 빠르고 정확한 DOM-이미지 변환을 제공합니다.

Claude Codex Code(CC)
설치
🎨

frontend-design

안전 67

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

작성자 1bertogit

이 스킬은 대담하고 기억에 남는 미학을 갖춘 프로덕션급 웹 인터페이스를 구축하는 데 도움이 됩니다. 일반적인 AI가 생성한 디자인을 피하기 위해 타이포그래피, 색상, 모션 및 공간 구성에 대한 창의적인 선택을 안내합니다.

Claude Codex Code(CC)
설치
🎨

create-svg-from-prompt

낮은 위험 66

프롬프트에서 SVG 그래픽 생성

작성자 0x6a77

SVG 벡터 그래픽을 수동으로 생성하려면 디자인 소프트웨어와 기술적 기술이 필요합니다. 이 스킬은 AI를 사용하여 Google Gemini와 autotrace를 통해 텍스트 설명을 확장 가능한 벡터 그래픽으로 변환합니다.

Claude Codex Code(CC)
설치
🎨

tailwind-design-system

안전 69

Tailwind 디자인 시스템 구축

작성자 wshobson

디자인 시스템은 명확한 토큰과 패턴 없이는 종종偏离됩니다. 이 스킬은 코드베이스 전반에 걸쳐 컴포넌트, 테마, 반응형 레이아웃을 표준화하는 Tailwind 구조를 제공합니다.

Claude Codex Code(CC)
설치
🎬

video-enhancement

중간 위험 61

AI로 비디오 화질 개선 및 업스케일링

작성자 verging-ai

저해상도 또는 노이즈가 있는 비디오를 선명한 HD/4K 출력으로 변환합니다. 이 스킬은 로컬 파일 또는 비디오 URL로부터 전체 화질 개선 파이프라인을 자동화하여 수동 편집 없이 결과를 제공합니다.

Claude Codex Code(CC)
설치
🎨

AI Image Generation — verging.ai

낮은 위험 69

DALL-E 및 GPT-Image-1로 AI 이미지 생성하기

작성자 verging-ai

AI로 이미지를 생성하려면 API 키 관리, 요청 매개변수 설정, 응답 처리가 필요합니다. 이 스킬은 verging.ai 프록시 API를 통해 이미지를 생성할 수 있는 바로 사용 가능한 인터페이스를 제공하며, 일반 및 HD 품질 모드를 모두 지원합니다.

Claude Codex Code(CC)
설치
🎭

faceswap

중간 위험 61

AI로 비디오에서 얼굴 바꾸기

작성자 verging-ai

비디오에서 얼굴을 수동으로 바꾸는 작업은 느리고 특수한 소프트웨어가 필요합니다. 이 스킬은 verging.ai API를 사용하여 전체 워크플로우를 자동화하며, 로컬 파일 또는 YouTube/Bilibili URL을 입력으로 받고 결과를 직접 전달합니다.

Claude Codex Code(CC)
설치
🖼️

background-remover

안전 70

AI 로 이미지 배경 제거하기

작성자 verging-ai

이미지에서 배경을 자동으로 제거하여 전문적인 투명 PNG 를 만듭니다. 수동 편집 없이 제품 사진, 프로필 사진, 디자인 작업에 완벽합니다.

Claude Codex Code(CC)
설치
🖼️

background-removal

낮은 위험 71

AI로 이미지 배경을 즉시 제거하세요

작성자 verging-ai

이미지 배경을 수동으로 제거하는 것은 시간이 많이 걸리고 비용이 비싼 소프트웨어가 필요합니다. 이 스킬은 verging.ai API를 사용하여 이 과정을 자동화하며, JPG, PNG 또는 WebP 파일로부터 투명한 PNG 결과를 제공합니다.

Claude Codex Code(CC)
설치
🎨

web-design-guidelines

안전 68

디자인 준수를 위한 UI 코드 검토

작성자 vercel-labs

Claude는 설정된 웹 디자인 가이드라인에 대해 UI 코드를 자동으로 검토하여 배포 전에 접근성 문제, 사용성 문제, 모범 사례 위반을 발견할 수 있습니다. 이 스킬은 최신 가이드라인을 가져오고 개선점을 식별하기 위한 정적 분석을 수행합니다.

Claude Codex Code(CC)
설치
📦

ai-elements

안전 78

AI 채팅 인터페이스 구축

작성자 vercel

shadcn/ui 패턴과 Vercel AI SDK 규칙을 따르는 사전 구축된 조합 가능한 UI 요소를 사용하여 현대적인 AI 채팅 인터페이스 컴포넌트를 생성합니다.

Claude Codex Code(CC)
설치