Game Development · React

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 /…

Jane-xiaoer/claude-skill-web-clone

Browse, install, submit, and edit pixel-art pets with the Petdex CLI.

crafter-station/petdex

Index of all COSS UI particle examples. An agent skill from crafter-station/petdex.

crafter-station/petdex

Audit and fix Three.js and React Three Fiber apps for frame-loop performance, GPU memory leaks, scene-graph correctness, and visual defects like z-fighting, shadow acne, wrong color space, and…

millionco/react-doctor

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

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

layoutit/polycss

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

Animate React Three Fiber objects with useFrame, damping, and GLTF clips.

EnzeD/r3f-skills

TypeGPU is type-safe WebGPU in TypeScript. An agent skill from software-mansion-labs/skills.

software-mansion-labs/skills

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules

Build, modify, debug, or publish VIVERSE-ready web games and 3D apps with Three.js, React Three Fiber, @pmndrs/viverse, @react-three/viverse, VIVERSE SDK integrations, character controllers…

pmndrs/viverse

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.

davila7/claude-code-templates

A skill your agent uses when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

sickn33/agentic-awesome-skills

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

freshtechbro/claudedesignskills

React Three Fiber (R3F) and Poimandres ecosystem best practices.

zebbern/claude-code-guide

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

vibe-motion/skills

Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.

AThevon/genjutsu

Build, debug, and verify Three.js browser games through Loom.

valkor-ai/loom

Build production-ready GPU liquid-glass surfaces with liquid-gl for React or DOM UIs.

agent-skills-hub/agent-skills-hub

Configure React Three Fiber postprocessing, bloom, selection effects, ambient occlusion, and depth of field.

EnzeD/r3f-skills

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js.

freshtechbro/claudedesignskills

Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow.

notque/vexjoy-agent

A skill your agent uses when reviewing React rendering performance — profiler-first diagnosis, memo/useCallback/useMemo correctness, virtual scroll, useTransition/useDeferredValue, and canvas/WebGL…

mizchi/skills

Neo4j Visualization Library (NVL) — framework-agnostic graph rendering for the browser.

neo4j-contrib/neo4j-skills

Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components…

PostHog/posthog

A skill your agent uses when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

nirholas/three.ws

A skill your agent uses when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

nirholas/three.ws

Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences.

freshtechbro/claudedesignskills

A skill your agent uses when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and integration…

nirholas/three.ws

Build or extend a playable isometric action RPG in Three.js, React, or similar web technology.

nirholas/three.ws

Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three.js 优化"、"WebGPU"、"draw calls"、"内存泄漏"、"TSL"、"InstancedMesh"、"R3F 优化"等。不用于：通用…

staruhub/ClaudeSkills