Game Development · Three.js · For designers

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

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

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

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

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

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

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