Communitygithub.com

daffy0208/animation-designer

Framer Motion과 CSS를 사용한 웹 애니메이션, 전환 및 모션 디자인 전문가

animation-designer란 무엇인가요?

이 스킬은 웹 애니메이션, 전환 및 모션 디자인에 특화된 AI 어시스턴트를 제공합니다. Framer Motion과 CSS를 활용하여 웹 애플리케이션에 동적이고 매력적인 사용자 경험을 구현할 수 있습니다. 주로 React 기반 프로젝트나 일반 웹 개발 환경에서 사용되며, 복잡한 애니메이션 로직을 간단한 지시로 생성할 수 있도록 설계되었습니다. 이 스킬은 프런트엔드 개발자, UI/UX 디자이너 및 웹 인터랙션을 향상시키려는 모든 사람에게 유용하며, CSS 애니메이션, 키프레임, Framer Motion의 모션 컴포넌트 및 제스처 지원을 포함한 다양한 기능을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/daffy0208/ai-dev-standards/tree/main/skills/animation-designer
원본 보기→모든 스킬 둘러보기

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

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

animation-designer은(는) 무엇을 하나요?

Framer Motion과 CSS를 사용한 웹 애니메이션, 전환 및 모션 디자인 전문가

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

daffy0208/brand-designer

Expert in brand identity, logo design, and visual brand systems

관련 스킬

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community