Plugin Claude Code
Cross-stack motion & design-system direction: an orchestration router, a motion-quality audit skill, cinematic R3F look-dev, seven specialist motion subagents (including a runtime-proof verifier), and a director output style.
Agent
Use for creative direction, design-system motion grammar, branded choreography, premium UI polish, Awwwards-level experience strategy, and deciding what motion should exist before implementation.
Agent
Use for STATIC, code-level auditing of animation jank, R3F frame loops, draw calls, WebGL GPU budgets, Reanimated UI-thread safety, worklet usage, layout thrashing, reduced motion, accessibility, and production readiness. Does not drive a running app — for runtime/browser proof (real FPS, blank-canvas, frame budget)…
Agent
Use for final QA of design motion work, acceptance criteria, manual verification, edge cases, reduced-motion validation, accessibility checks, and launch readiness.
Agent
Use to PROVE motion works at runtime, not just statically — drive a running app in a real browser to confirm a 3D scene renders (non-blank canvas), interactions respond, motion holds its frame budget, and reduced motion is honored. Reaches for playwright-cli + MotionScore when available and degrades gracefully to…
Agent
Use for motion tokens, design token architecture, CSS variables, TypeScript constants, Tailwind theme integration, Reanimated spring constants, R3F scene constants, and replacing hardcoded animation values.
Agent
Use for three.js, React Three Fiber, Drei, WebGL, GLB, shaders, PBR materials, lighting, camera choreography, postprocessing, particles, scroll-driven 3D, and performance-safe 3D implementation.
Agent
Use for Expo (iOS and Android), React Native Reanimated, Gesture Handler, shared values, worklets, withSpring, withTiming, layout transitions, bottom sheets, cards, tabs, carousels, scroll headers, and native touch physics.
Skill Claude CodeCodex
Audits a repo, route, screen, or 3D scene for motion quality, covering design-token consistency, frame-rate and draw-call risk, reduced-motion coverage, and accessibility. Use to audit, critique, or find motion gaps. Returns a prioritized punch list rather than implementing fixes.
Skill Claude CodeCodex
Art-directs an existing three.js or React Three Fiber scene to cinematic quality with postprocessing, HDRI and PBR lighting, contact shadows, transmission materials, and camera choreography. Use for look-development once the scene renders, not for scene setup or lifecycle.
Plugin Claude Code
Self-contained web motion skills for production frontend apps.
Skill Claude CodeCodex
Use this skill for TypeGPU schemas, typed buffers/textures, shader functions, pipelines, WebGPU capability checks, and CPU/GPU resource ownership. Trigger on TypeGPU, tgpu, d.struct, use gpu, unplugin-typegpu, typed WebGPU, shader functions. Do not use for near-miss tasks outside these boundaries; route to adjacent…
Skill Claude CodeCodex
Use this skill for Browser CSS transitions, keyframes, scroll-driven animations, registered properties, discrete transitions, reduced motion, and performance-safe CSS motion. Trigger on CSS transition, @keyframes, animation-timeline, prefers-reduced-motion, @starting-style, transition-behavior, CSS animation. Do not…
Skill Claude CodeCodex
Use this skill for lottie-web, dotLottie web components, animation JSON/dotLottie assets, player lifecycle, cleanup, renderer choice, accessibility, and asset validation. Trigger on lottie-web, dotLottie, .lottie, Lottie JSON, After Effects animation, Bodymovin. Do not use for near-miss tasks outside these boundaries…
Skill Claude CodeCodex
Use this skill for Motion React components and hooks: motion, AnimatePresence, layout animations, useScroll, useReducedMotion, gestures, variants, and React/Next boundaries. Trigger on Motion React, motion/react, AnimatePresence, layout animation, useScroll, useReducedMotion, variants. Do not use for near-miss tasks…
Skill Claude CodeCodex
Use this skill for Rive web and React runtime integration, .riv assets, state machines, inputs, lifecycle cleanup, accessibility, remote asset security, and fallback behavior. Trigger on Rive, .riv, state machine input, @rive-app/react-webgl2, @rive-app/webgl2, @rive-app/react-canvas, @rive-app/canvas, Rive web. Do…
Skill Claude CodeCodex
Use this skill for Tailwind CSS v4 transition, animation, duration, easing, motion-safe/motion-reduce, @theme motion tokens, and static class safety. Trigger on Tailwind animation, transition-all, motion-safe, motion-reduce, @theme, animate-, duration-. Do not use for near-miss tasks outside these boundaries; route to…
Skill Claude CodeCodex
Use this skill for Three.js, React Three Fiber, Drei, Canvas/createRoot lifecycle, loaders, GLTF, useFrame, disposal, SSR/client boundaries, DPR, and browser proof. Trigger on Three.js, THREE, @react-three/fiber, @react-three/drei, R3F Canvas, useFrame, GLTF, WebGLRenderer. Do not use for near-miss tasks outside these…
Instructions file CodexOpenCode
AGENTS.md instructions for BjornMelin/codex-toolloop, covering repository guidelines, setup, project layout, commands and codex app-server schema upgrades.
Instructions file
Claude Code instructions for BjornMelin/codex-toolloop, a project described as: Build agentic coding workflows with OpenAI Codex ToolLoop: Based on the Codex app-server and Vercel AI SDK v6, codex exec automation, JSONL events, structured outputs, dynamic tools, MCP, Vitest, and Biome.