1261 스킬들
💬

Chat UI Components

안전 68

채팅 인터페이스 구축

작성자 inference-sh-9

채팅 인터페이스를 처음부터 구축하려면 복잡한 상태 관리와 스타일링이 필요합니다. 이 스킬은 컨테이너, 메시지, 입력 필드, 입력 중 표시기를 포함한 사전 구축된 채팅 컴포넌트를 제공하며 React 및 Next.js와 원활하게 통합됩니다.

Claude Codex Code(CC)
설치
🎙️

ai-voice-cloning

안전 70

모든 프로젝트를 위한 자연스러운 AI 음성 내레이션 생성

작성자 inference-sh-9

녹음 장비 없이 전문적인 음성 내레이션과 내어를 생성하세요. 이 스킬은 다양한 스타일과 억양의 자연스러운 음성을 가진 여러 AI 텍스트 음성 변환 모델에 대한 액세스를 제공합니다.

Claude Codex Code(CC)
설치
🎬

ai-marketing-videos

낮은 위험 68

AI 마케팅 영상 제작

작성자 inference-sh-9

Veo, Seedance, Kokoro 같은 AI 모델을 사용하여 광고, 소셜 미디어, 브랜드 콘텐츠용 전문 마케팅 영상을 생성합니다.

Claude Codex Code(CC)
설치
🤖

ai-automation-workflows

안전 71

대규모 자동화 AI 워크플로 구축

작성자 inference-sh-9

AI 작업을 수동으로 실행하는 것을 그만하세요. 콘텐츠 일괄 처리, 일일 생성 예약, 여러 AI 모델을 연결하여 강력한 워크플로우를 구축하는 자동화 파이프라인을 구축하는 방법을 배우세요.

Claude Codex Code(CC)
설치
📦

remotion-render

안전 70

React/Remotion 코드에서 비디오 렌더링

작성자 inference-sh-8

React/Remotion TSX 코드에서 프로그래매틱하게 전문적인 비디오를 생성합니다. 컴포넌트 코드를 전달하면 스프링, 시퀀스, 인터폴레이션을 포함한 완전한 애니메이션 지원을 갖춘 MP4 출력을 얻을 수 있습니다.

Claude Codex Code(CC)
설치
🌐

agent-browser

안전 72

AI 에이전트로 브라우저 작업 자동화하기

작성자 inference-sh-8

이 스킬은 @e ref 시스템을 통해 웹 스크래핑, 양식 작성, 테스트 등의 작업을 위해 AI 에이전트가 웹 브라우저를 자동화할 수 있도록 합니다.

Claude Codex Code(CC)
설치
🌐

agent-browser

낮은 위험 68

AI 에이전트로 브라우저 작업 자동화하기

작성자 inference-sh-0

이 스킬은 AI 에이전트가 간단한 @e 참조 시스템을 통해 탐색, 양식 작성, 데이터 추출 및 시각적 녹화를 포함한 브라우저 상호작용을 자동화할 수 있도록 합니다.

Claude Codex Code(CC)
설치
📦

imaginify-guide

안전 70

Imaginify AI 플랫폼 학습 및 마스터

작성자 ImaginifyAI

사용자는 AI 이미지 도구 사용 방법과 Imaginify 플랫폼에 대한 명확한 안내가 필요합니다. 이 스킬은 크리에이터와 개발자를 위한 종합 튜토리얼, 기능 설명 및 모범 사례를 제공합니다.

Claude Codex Code(CC)
설치
🎨

fixing-motion-performance

안전 70

애니메이션 성능 최적화

작성자 ibelick

느린 애니메이션은 사용자를 불편하게 만들고 참여도를 떨어뜨립니다. 이 스킬은 브라우저 합성기 레이어를 활용하여 부드러운 60fps 애니메이션을 달성할 수 있는 검증된 가이드라인을 제공합니다.

Claude Codex Code(CC)
설치

fixing-accessibility

안전 71

접근성 문제 수정

작성자 ibelick

접근성 문제는 장애가 있는 사용자가 제품을 사용할 수 없게 만들 수 있습니다. 이 스킬은 UI 컴포넌트에서 발생하는 일반적인 접근성 문제에 ��한 명확한 규칙과 실용적인 해결 방법을 제공합니다.

Claude Codex Code(CC)
설치
📦

baseline-ui

안전 69

UI 품질 표준 적용

작성자 ibelick

AI가 생성한 인터페이스는 종종 일관성과 접근성이 부족합니다. 이 스킬은 Tailwind CSS에 대한 명시적 UI 표준, 접근 가능한 컴포넌트, 성능 모범 사례, 디자인 제약을 강제합니다.

Claude Codex Code(CC)
설치
📦

vue-best-practices

안전 69

Vue 3 TypeScript 모범 적용 사례 적용

작성자 hyf0

Vue 3 프로젝트에는 수동으로 디버깅하기 어려운 유형 오류와 구성 문제가 자주 발생합니다. 이 스킬은 Vue 컴포넌트 타이핑, Volar 구성, vue-tsc 엄격한 템플릿, 일반적인 Vue.js 패턴에 대한 자동화된 린팅 규칙과 수정 사항을 제공합니다.

Claude Codex Code(CC)
설치
📊

word-stats

안전 70

텍스트 통계 분석

작성자 humanizerai

추가 질문 없이도 단어 수, 문자 수, 읽기 시간 및 기타 텍스트 통계를 빠르게 확인합니다.

Claude Codex Code(CC)
설치
📊

health-trend-analyzer

안전 68

건강 트렌드 분석

작성자 huifer

사용자들은 시간 경과에 따른 건강 데이터의 패턴을 파악하는 데 어려움을 겪습니다. 이 스킬은 약물, 증상, 활력 징후, 검사 결과를 연관시켜 트렌드를 파악하고 인터랙티브 시각화를 통해 실행 가능한 건강 인사이트를 제공합니다.

Claude Codex Code(CC)
설치
📦

project-scaffolding

중간 위험 58

프로젝트 스캐폴딩

작성자 hmohamed01

Claude, Codex 및 Claude Code를 위한 AI 스킬

Claude Codex Code(CC)
설치
🎬

website-to-hyperframes

낮은 위험 73

어떤 웹사이트에서도 전문적인 영상 만들기

작성자 heygen-com

웹사이트 디자인을 매력적인 영상으로 변환하려면 캡처부터 렌더링까지 복잡한 기술적 단계가 필요합니다. 이 스킬은 전체 7단계 파이프라인을 자동화하여 간단한 URL만으로 내레이션, 애니메이션 및 브랜드 일관된 스타일링이 적용된 전문적인 영상을 생성합니다.

Claude Codex Code(CC)
설치
📦

hyperframes-cli

안전 74

HyperFrames CLI로 HTML 컴포지션을 비디오로 렌더링

작성자 heygen-com

HTML 기반 비디오 컴포지션을 MP4 또는 WebM 출력으로 변환하여 수동 렌더링 없이 사용 가능. 콘텐츠 제작자와 개발 팀을 위한 스캐폴딩, 린팅, 시각 검사 및 최종 전달 자동화.

Claude Codex Code(CC)
설치
🔐

skill-permissions

안전 68

Claude Code 스킬 권한 관리

작성자 guo-yu

Claude Code 스킬은 파일 접근 및 명령어 실행을 위해 권한이 필요합니다. 이 스킬은 각 스킬에 필요한 권한을 자동으로 분석하고 안전한 승인 규칙을 생성합니다. 재귀 삭제 및 권한 상승과 같은 위험한 패턴을 식별하여 승인되지 않도록 차단합니다.

Claude Codex Code(CC)
설치
📦

gws-tasks

중간 위험 53

Gws Tasks

작성자 googleworkspace

Claude, Codex 및 Claude Code를 위한 AI 스킬

Claude Codex Code(CC)
설치
📦

gws-slides

안전 69

Google Slides 프레젠테이션 관리

작성자 googleworkspace

Google Slides 프레젠테이션을 수동으로 작성하고 편집하는 것은 시간이 많이 소요됩니다. 이 스킬은 Google Workspace CLI를 통해 프레젠테이션 워크플로우를 자동화하여 슬라이드를 프로그래밍 방식으로 생성, 업데이트 및 관리할 수 있습니다.

Claude Codex Code(CC)
설치