Three.js · For designers

Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

heygen-com/hyperframes

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.

jasonkneen/tiny-world-builder

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

Directs a short film made entirely in code in one of the Lemo-Opuscar library's named visual styles, from fetching the library through production and delivery.

lemomo-ai/lemo-opuscar

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos…

valkor-ai/loom

Make kinetic-typography motion reels (MP4) in code: showreels, portfolio or work reels, product promos, intro films, "motion design"-style videos with bold condensed type, HUD micro-type…

tuzhechen2005/opus-video-skills

Generate PNG images by building a real Three.js 3D scene and capturing one frame headlessly — no image model involved.

hassancs91/claude-image-generation

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

Helps design, write and verify hash-seeded long-form generative art for onchain mint platforms and screen-based venues, covering determinism, rarity and plotter output.

camilleroux/genart-skill

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

NERV Operations Console v2 — Evangelion-inspired UI component library.

TheGreatGildo/nerv-ui

Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.

cyanfish-x/tellux

Covers GSAP tweens and timelines and the ScrollTrigger plugin for scroll-driven animation, including pinning, scrubbing, parallax and horizontal scroll sections.

freshtechbro/claudedesignskills

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus…

chmonitor/chmonitor

Builds a 3D model of a real room from a few phone photos, with movable furniture layouts, as one Three.js HTML page you can open in a browser.

SkylarKitchen/skills

Browser-based 3D design tool with visual editor, animation, and web export.

freshtechbro/claudedesignskills

Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

valkor-ai/loom

Design readable, responsive Three.js game HUDs, menus, overlays, touch controls, typography, safe areas, and game-state-driven interface feedback.

mintdotgg/mint-threejs-skills

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

Modern web design trends, principles, and implementation patterns for 2024-2025.

freshtechbro/claudedesignskills

Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion).

EliasOulkadi/shokunin

Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU.

software-mansion-labs/skills

Turn a reference video into a super detailed recreation or inspiration prompt.

nirholas/three.ws

Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.

notque/vexjoy-agent

A skill your agent uses when turning a song into a kinetic-typography or motion-design music video, lyric video, visualizer or K-pop style MV with Scenario, landscape or vertical 9:16 for TikTok…

scenario-labs/skills

Reveal Three.js geometry with an expanding world-space scan whose wire cage leads the solid surface, then burns away.

nirholas/three.ws

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js…

nirholas/three.ws

A skill your agent uses when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance).

nirholas/three.ws

Implement web and React animation, gesture feedback, layout transitions and scroll sequences.

WrongStack/WrongStack

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado.

sandeco/mira-animator

Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3…

sandeco/mira-animator

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one…

nirholas/three.ws

A skill your agent uses when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion…

nirholas/three.ws

Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques.

curiositech/some_claude_skills

Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques.

curiositech/some_claude_skills