Communitygithub.com

claudes-world/plugins

Debe leerse antes de escribir CUALQUIER animación o transición — CSS, JS, SwiftUI/UIKit, Remotion/video, Framer Motion, GSAP, canvas o animación manual. Cubre la guía de movimiento para combinar animaciones (escalonamiento, nunca sincronizar), sensación de muelle vs temporización, animación aditiva, transferencia de velocidad de gesto a animación e interrumpibilidad. Se activa con: 'animate', 'animation', 'transition', 'fade in', 'slide in', 'easing', 'spring', 'duration', 'keyframes', 'motion design', 'micro-interaction', 'make it fee'.

¿Qué es plugins?

Esta habilidad, contenida en claudes-world/plugins, es un recurso imprescindible para cualquier desarrollador o agente de IA que genere animaciones o transiciones en cualquier plataforma, ya sea CSS, JavaScript, SwiftUI/UIKit, Remotion/video, Framer Motion, GSAP, canvas o incluso animaciones manuales. Su propósito es proporcionar una guía de movimiento unificada y sólida, evitando errores comunes como sincronizar animaciones (recomienda escalonarlas), y detalla conceptos clave como la diferencia entre sensación de muelle y temporización, la animación aditiva, la transferencia de velocidad desde gestos a animaciones (velocity handoff) y la interrumpibilidad (interruptibility). Es útil para lograr interacciones y micro-interacciones fluidas y naturales en aplicaciones web, móviles y de video. Se activa automáticamente cuando se mencionan términos como 'animate', 'transition', 'spring', 'keyframes' o 'motion design', garantizando que cualquier animación generada cumpla con principios de diseño de movimiento profesional.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/claudes-world/plugins/tree/dev/plugins/interaction-craft/skills/motion
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace plugins?

Debe leerse ANTES de escribir CUALQUIER animación o transición — CSS, JS, SwiftUI/UIKit, Remotion/video, Framer Motion, GSAP, canvas o animación manual. Cubre la guía de movimiento para combinar animaciones (escalonamiento, nunca sincronizar), sensación de muelle vs temporización, animación aditiva, transferencia de velocidad de gesto a animación e interrumpibilidad. Se activa con: 'animate', 'animation', 'transition', 'fade in', 'slide in', 'easing', 'spring', 'duration', 'keyframes', 'motion design', 'micro-interaction', 'make it fee'.

Skills relacionados

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