Community코딩 & 개발github.com

DanteKara/web-companion-mascot

고품질의 애니메이션 React 챗봇 컴패니언 마스코트를 스프라이트 아틀라스 품질 관리와 함께 제작하기 위한 Codex 스킬입니다.

web-companion-mascot란 무엇인가요?

이 스킬은 Codex(예: Cursor, Windsurf, Claude Code 등과 같은 AI 코딩 에이전트)를 사용하여 React 기반 챗봇에 삽입할 수 있는 고품질의 애니메이션 마스코트 컴패니언을 생성하는 방법을 정의합니다. 주요 초점은 **스프라이트 아틀라스**의 엄격한 품질 보증(QA)에 있으며, 개별 스프라이트가 일관된 크기, 간격, 네이밍 규칙을 따르고 애니메이션 프레임이 정확하게 정렬되도록 보장합니다. 사용자는 이 스킬을 통해 표정, 대기, 말하기, 클릭 반응 등의 다양한 상태를 가진 귀여운 마스코트를 쉽게 만들 수 있으며, 모든 애셋이 성능 최적화된 단일 스프라이트 시트에 통합됩니다. 결과물은 재사용 가능한 React 컴포넌트 형태로 제공되며, CSS 애니메이션 또는 Canvas 기반 렌더링을 지원하여 부드럽고 효율적인 애니메이션을 구현합니다. 이 스킬은 커스텀 AI 어시스턴트나 게임, 교육 앱 등에서 사용자 경험(UX)을 향상시키려는 개발자에게 이상적입니다.

지원 대상~Claude Code✓Codex CLI~Cursor
Part ofReact
npx skills add DanteKara/web-companion-mascot

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

web-companion-mascot은(는) 무엇을 하나요?

React 챗봇 컴패니언 마스코트를 위한 고품질 애니메이션 마스코트를 엄격한 스프라이트 아틀라스 품질 관리와 함께 생성하는 Codex 스킬입니다.

관련 스킬