269 스킬들
📦

clarify

안전 72

불분명한 UX 문구 및 오류 메시지 개선

작성자 pbakaus

혼란스러운 인터페이스 텍스트는 사용자를 좌절시키고 지원 비용을 증가시킵니다. 이 스킬은 전문 용어, 모호한 레이블, 부적절한 오류 메시지를 사용자를 효과적으로 안내하는 명확하고 인간 친화적인 문구로 변환합니다.

Claude Codex Code(CC)
설치
🎨

bolder

안전 71

평범한 디자인을 대담한 경험으로 변화시키세요

작성자 pbakaus

진부하고 기억에 남지 않는 인터페이스에 더 이상 타협하지 마세요. 이 스킬은 사용성과 접근성 표준을 유지하면서도 사용자를 사로잡는 시각적으로 인상적인 디자인을 Claude 가 만들 수 있도록 도와줍니다.

Claude Codex Code(CC)
설치
📦

audit

안전 70

인터페이스 품질 감사

작성자 pbakaus

잘못된 인터페이스 품질은 사용자 경험을 저하시키고 장애를 가진 사용자를 배제합니다. 이 스킬은 접근성, 성능, 테마, 반응형 디자인에 대한 체계적인 감사를 제공하여 프로덕션에 도달하기 전에 문제를 식별합니다.

Claude Codex Code(CC)
설치
📐

arrange

안전 70

의도적인 간격과 리듬으로 레이아웃 변형하기

작성자 pbakaus

단조로운 그리드와 임의의 간격을 제거합니다. 이 스킬은 의도적인 간격, 다양한 리듬, 중요한 부분에 시선을 유도하는 구조화된 레이아웃을 통해 시각적 계층 구조를 만들기 위한 체계적인 접근 방식을 제공합니다.

Claude Codex Code(CC)
설치

animate

안전 70

의미 있는 애니메이션과 마이크로 인터랙션 추가

작성자 pbakaus

정적 인터페이스는 미완성처럼 느껴지며 사용자를 안내할 기회를 놓치게 됩니다. 이 스킬은 사용자에게 피드백을 제공하고 이해도를 높이며 사용자를 압도하지 않으면서 즐거운 경험을 만들어내는 모션을 전략적으로 추가할 수 있도록 도와줍니다.

Claude Codex Code(CC)
설치
📦

adapt

안전 71

화면이나 플랫폼에 관계없이 디자인을 적용하세요

작성자 pbakaus

모바일, 태블릿, 데스크톱, 인쇄 또는 이메일을 통해 디자인을 작동시키기가 어려우신가요? 이 스킬은 일관성과 사용성을 유지하면서 다양한 맥락에 맞게 디자인을 적용하는 전문가의 안내를 제공합니다.

Claude Codex Code(CC)
설치
📦

liquid-glass

안전 70

Liquid Glass 효과를 SwiftUI 앱에 추가하기

작성자 patrickserrano

최신 iOS 인터페이스를 구축하려면 고급 시각 효과를 구현해야 합니다. 이 스킬은 iOS 26+ Liquid Glass API를 사용하여 SwiftUI에서 블러, 반사, 인터랙티브 글래스 표면을 만드는 가이드라인과 코드 예제를 제공합니다.

Claude Codex Code(CC)
설치
📱

app-store-screenshots

안전 71

클로드로 앱 스토어 스크린샷 생성하기

작성자 ParthJadhav

전문적인 앱 스토어 스크린샷을 만드는 것은繁琐하고 시간이 많이 소요됩니다. 이 스킬은 Next.js와 html-to-image를 사용하여 Apple의 요구 해상도에서 마케팅 최적화된 iOS 스크린샷을 생성합니다.

Claude Codex Code(CC)
설치
🎨

mulerouter

안전 80

MuleRouter로 AI 이미지 및 비디오 생성

작성자 openmule

전문적인 AI 생성 미디어를 만들려면 복잡한 API 통합과 모델 관리가 필요합니다. MuleRouter 기술은 최첨단 AI 모델을 사용하여 이미지 및 비디오를 생성하기 위한 통합 인터페이스를 제공하여 이를 간소화합니다.

Claude Codex Code(CC)
설치
📦

gif-sticker-maker

중간 위험 72

사진에서 애니메이션 GIF 스티커 만들기

작성자 MiniMax-AI

모든 사진을 독특한 Funko Pop 3D 피규어 스타일의 애니메이션 스티커 4장으로 변환합니다. 이 스킬은 이미지 생성부터 애니메이션, 최종 GIF 출력까지 전체 워크플로우를 처리하며, 소스 사진과 MiniMax API 키만 있으면 됩니다.

Claude Codex Code(CC)
설치
🎨

design-style-skill

안전 74

PPT 슬라이드에 비주얼 디자인 시스템 적용

작성자 MiniMax-AI

일관성 없는 스타일링은 프레젠테이션 슬라이드를 비전문적으로 보이고 주의를 산만하게 합니다. 이 스킬은 정확한 코너 반경 및 간격 값을 제공하는 4가지 사전 정의된 디자인 스타일 레시피를 제공하여 모든 슬라이드가 통합된 비주얼 시스템을 따르도록 합니다.

Claude Codex Code(CC)
설치
📦

color-font-skill

안전 74

프레젠테이션에 컬러 팔레트 및 폰트 페어링 추가

작성자 MiniMax-AI

프레젠테이션용 색상과 글꼴 선택에는 시간이 걸리며 일관성 없는 디자인이 만들어지기 쉽습니다. 이 스킬은 PowerPoint 슬라이드에 최적화된 큐레이션된 브랜드 안전한 컬러 팔레트와 폰트 페어링을 제공합니다.

Claude Codex Code(CC)
설치
🖼️

nano-image-generator

안전 77

Gemini 3 Pro와 스타일 레퍼런스를 사용한 이미지 생성

작성자 lxfater

프로젝트용 시각 자산을 만들려면 비용이昂贵的 디자인 도구나 수동 일러스트레이션이 필요합니다. 이 스킬은 Google Gemini 3 Pro Preview API를 사용하여 즉각적인 이미지 생성을 지원하며, 레퍼런스 이미지를 통해 여러 에셋에서 일관된 스타일과 캐릭터 외관을 유지할 수 있습니다.

Claude Codex Code(CC)
설치
🎨

stitch-design-taste

안전 73

Google Stitch를 위한 프리미엄 UI 디자인 시스템 생성

작성자 leonxlnx

Claude 에이전트는 종종 범용적이고 AI답게 보이는 인터페이스를 생성합니다. 이 스킬은 Inter 폰트, 네온 글로우, 중앙 정렬 히어로 섹션과 같은 일반적인 함정을 피하는 프리미엄, 비범용적 UI 사양을 생성하기 위해 엄격한 디자인 표준을 적용합니다.

Claude Codex Code(CC)
설치
🎨

minimalist-ui

안전 73

프리미엄 미니멀리스트 웹 인터페이스 만들기

작성자 leonxlnx

대부분의 AI 생성 인터페이스는 일반적이고 파생적인 느낌을 줍니다. 이 스킬은 Claude가 따뜻한 모노크롬 팔레트, 타이포그래피 계층 구조, 프리미엄 미|Estetik으로 세련되고 에디토리얼 스타일의 웹 디자인을 생성하도록 안내합니다.

Claude Codex Code(CC)
설치
📦

redesign-existing-projects

안전 73

프리미엄 디자인 표준으로 기존 프로젝트 업그레이드

작성자 leonxlnx

AI로 생성된 웹사이트는 동일한 일반적인 패턴을 공유하는 경우가 많아 구별이 어렵습니다. 이 스킬은 기존 프로젝트를 감사하고 대상 디자인 업그레이드를 적용하여 코드베이스를 다시 작성하지 않고도 세련되고 프리미엄한 모습을 만들어줍니다.

Claude Codex Code(CC)
설치
🎨

industrial-brutalist-ui

안전 73

산업 브루탈리스트 웹 인터페이스 디자인

작성자 leonxlnx

스위스 타이포그래피와 군사 터미널 미학을 활용한 대담하고 기계적인 웹 인터페이스를 만들어ください. 날것의 기능성과 극단적인 타이포그래피 대비를 가진 데이터 집약적인 대시보드와 에디토리얼 사이트를 생성합니다.

Claude Codex Code(CC)
설치
📦

high-end-visual-design

안전 73

프리미엄 에이전시 수준의 인터페이스 디자인

작성자 leonxlnx

대부분의 AI 도구는 세련되지 못하고 템플릿에 가까운 일반적인 UI 디자인을 생성합니다. 이 스킬은 고가 디자인 에이전시에서 나온 것처럼 보이는 인터페이스를 만들기 위해 폰트, 간격, 그림자, 카드 구조 및 애니메이션에 대한 정확한 디자인 규칙을 제공합니다.

Claude Codex Code(CC)
설치
📦

design-taste-frontend

안전 73

디자인 가드레일로 프리미엄 인터페이스 구축

작성자 leonxlnx

AI 코딩 어시스턴트는 기본적으로 일반적이고 예측 가능한 인터페이스를 생성합니다. 이 스킬은 엄격한 디자인 규칙, 컴포넌트 아키텍처 및 성능 표준을 적용하여 전문적인 품질의 프론트엔드 코드를 생성합니다.

Claude Codex Code(CC)
설치
🎨

generate-image

안전 71

FLUX와 Gemini로 AI 이미지 생성

작성자 K-Dense-AI

AI 모델을 사용해 프레젠테이션, 문서, 출판물에 사용할 고품질 이미지를 제작하세요. 간단한 텍스트 프롬프트로 원본 아트워크를 생성하거나 기존 이미지를 편집할 수 있습니다. OpenRouter API를 통해 FLUX와 Gemini 모델에 접근하세요.

Claude Codex Code(CC)
설치