Communitygithub.com

msrbuilds/animate-css-skill

HTML, React/JSX 및 WordPress PHP 템플릿에 Animate.css v4.1.1 애니메이션을 추가하는 Claude Code 스킬 — 스크롤 트리거, RTL 및 Reduced Motion 지원 포함

animate-css-skill란 무엇인가요?

이 스킬은 Claude Code가 Animate.css v4.1.1 라이브러리를 활용하여 HTML, React/JSX, WordPress PHP 템플릿에 손쉽게 CSS 애니메이션을 적용할 수 있도록 도와줍니다. 스크롤 트리거, RTL(오른쪽에서 왼쪽) 방향 지원, 사용자의 Reduced Motion 접근성 설정을 존중하는 기능을 포함하여 개발자가 더욱 직관적이고 접근성 높은 웹 인터페이스를 만들 수 있습니다. Claude Code 기반 프로젝트에서 애니메이션 효과를 빠르게 프로토타이핑하거나 최종 결과물에 적용할 때 유용하며, 마크업이나 컴포넌트 코드를 수정하지 않고도 Claude의 지시를 통해 애니메이션 클래스와 설정을 추가할 수 있습니다. 이는 특히 동적 UI 요소나 랜딩 페이지, 인터랙티브 콘텐츠에서 시각적 피드백을 개선하고 사용자 경험을 향상시키는 데 효과적입니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add msrbuilds/animate-css-skill
원본 보기→모든 스킬 둘러보기

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

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

animate-css-skill은(는) 무엇을 하나요?

HTML, React/JSX 및 WordPress PHP 템플릿에 Animate.css v4.1.1 애니메이션을 추가하는 Claude Code 스킬 — 스크롤 트리거, RTL 및 Reduced Motion 지원 포함

관련 스킬

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