superpowers
claudecodexCore skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
28 task-oriented skills for building hardware-accelerated web experiences with Use.GPU — the declarative, reactive WebGPU library by Steven Wittens.
Plugin usegpu from marketplace usegpu-skills in rhiannon-ai-llc/usegpu-skills. Commands read from the repo's manifest — 1 month ago.
usegpu-cameras-controlsAdd cameras and interactive controls in Use.GPU — `<OrbitCamera>` / `<FlatCamera>` / `<CubeCamera>` and `<OrbitControls>` / `<PanControls>` / `<FPSControls>` / `<GizmoMatrix>` / `useDrag`. Use this skill whenever the user needs a controllable 3D camera, wants to look around a model, orbit-drag inter
usegpu-canvas-setupConfigure the WebGPU canvas — adapter/device negotiation, resize handling, HDR/SDR color spaces, DPI scaling, and background clear. Use this skill whenever the user is wiring a WebGPU canvas, mentions `<WebGPU>`, `<Canvas>`, `<AutoCanvas>`, GPUAdapter, GPUDevice, HDR canvas, or is troubleshooting bl
usegpu-compute-kernelsRun WebGPU compute shaders in Use.GPU with `<Compute>` / `<Kernel>` / `<Stage>` / `<Iterate>` / `<Dispatch>` / `<ComputeBuffer>`, wire storage buffers, and pipeline multi-stage compute (initialize → iterate → colorize). Use this skill whenever the user wants GPU compute (as opposed to fragment shade
usegpu-crypto-computePrototype cryptographic primitives (hashes, block ciphers, number-theoretic transforms, lattice arithmetic, FHE building blocks) on GPU using Use.GPU's `<Compute>` / `<Kernel>` / `<ComputeBuffer>` pipeline and WGSL shader linker. Use this skill whenever the user wants to run cryptography on GPU in t
usegpu-data-driven-geometryFeed data into Use.GPU layers — `<Data>` / `<RawData>` / `<StructData>` / `<GeometryData>` / `<InterleavedData>`, procedural `<Tensor>` / `<Sampler>` sources, segmented lines and arrows, in-place `live` updates, and how points/lines/faces/arrows/surfaces consume storage sources. Use this skill whene
usegpu-deferred-shadowsUse advanced rendering paths in Use.GPU — deferred rendering (`<Pass mode="deferred">`), SSAO, OIT (order-independent transparency), outlines, and shadow map configuration for point/spot/directional lights. Use this skill whenever the user needs many lights, transparent stacks that composite correct
usegpu-fluid-simulationBuild a real-time fluid dynamics (CFD) simulator in Use.GPU using compute shaders — Stam-style advection/pressure/projection pipeline with `<Compute>` / `<Stage>` / `<Iterate>` / `<Kernel>` and colorize with `<RawFullScreen>`. Use this skill whenever the user wants fluid simulation, smoke, ink, Stab
usegpu-getting-startedBootstrap a fresh Use.GPU project — install packages, configure the Vite/Webpack build for .wgsl and .wasm, and mount the first canvas either stand-alone or embedded in React. Use this skill whenever the user is starting a new WebGPU project with Use.GPU, mentions "Use.GPU setup", "getting started w
usegpu-gltf-modelsLoad and render `.glb` / `.gltf` models in Use.GPU with `<GLTFData>` and `<GLTFModel>`, including PBR materials, animations, and skinning. Use this skill whenever the user wants to import a glTF asset, mentions `.glb`, GLTF loader, glTF animations, or asks how to render an artist-supplied model in U
usegpu-image-video-effectsBuild image and video processing pipelines in Use.GPU — load an image or video into a texture, apply chains of shader effects (blur, sharpen, color grade, chroma-key, edge detect, ML pre/post), and display or export. Use this skill whenever the user wants to filter/transform an image, apply real-tim
usegpu-implicit-surfacesRender implicit surfaces / SDFs / isosurfaces with `<ImplicitSurface>` in Use.GPU — you supply a WGSL distance function and Use.GPU ray-marches it. Use this skill whenever the user mentions SDFs, isosurfaces, marching-cube-style visualization, mathematical surfaces, or wants to visualize a scalar fi
usegpu-instancingDraw many copies of a geometry in one GPU dispatch using `<Instances>` in Use.GPU — instance transforms, per-instance colors, and hooking instance data to storage sources. Use this skill whenever the user wants to draw thousands to millions of copies of a mesh, mentions instanced rendering, GPU inst
usegpu-live-runtimeMaster the Live runtime that powers Use.GPU — hooks (useState / useOne / useMemo / useResource / useCallback / useContext / useRef), the yeet/gather/capture pattern, reconciliation, morphing, detaching, and how it differs from React. Use this skill whenever the user asks about "the Live runtime", wr
usegpu-memoizationUse Use.GPU's memoization primitives correctly — `memo` / `memoArgs` / `memoProps`, `useOne` vs `useMemo`, `useResource`, and JSX identity semantics. Use this skill whenever the user has a Use.GPU tree that re-renders too often, sees GPU buffers being re-created on every frame, wonders why `<Loop>`
usegpu-non-euclidean-projectionsCompose exotic coordinate systems in Use.GPU — `<Cartesian>` / `<Polar>` / `<Spherical>` / `<Stereographic>` / `<Stereographic4D>` / `<Transform>` / `<Transform4D>` / `<Embedded>` — for math education, hyperbolic geometry, 4D visualization, cartographic projections, and animated coordinate morphs. U
usegpu-particle-feedbackBuild feedback / accumulation / particle effects in Use.GPU — ping-pong RTTs, motion trails, temporal AA, particle systems that live on the GPU across frames. Use this skill whenever the user wants motion blur, trails, iterative image filters, evolving particle clouds, temporal accumulation, or feed
usegpu-pbr-materials-lightingWire physically-based rendering in Use.GPU — `<PBRMaterial>` / `<BasicMaterial>` / `<ShaderLitMaterial>` / `<ShaderFlatMaterial>`, environment maps (`<Environment>` + `<PrefilteredEnvMap>`), and lights (`<AmbientLight>` / `<PointLight>` / `<DirectionalLight>` / `<SpotLight>`) with shadow maps. Use t
usegpu-picking-eventsAdd pointer/keyboard interactivity to a Use.GPU scene — `<Pick>` with `id` / `lookup` / `render` prop, `useCanvasEvents`, `useDrag`, `usePointerCapture`, `usePointerLock`, cursor + keyboard state hooks. Use this skill whenever the user wants clickable 3D objects, hover highlighting, drag-to-transfor
usegpu-plot-2d-3dDraw declarative 2D and 3D plots in Use.GPU — `<Plot>` with `<Cartesian>` / `<Polar>` / `<Spherical>` / `<Stereographic>` views, transforms, axes, grids, ticks, labels, and every shape layer (`<Point>` / `<Line>` / `<Face>` / `<Arrow>` / `<Polygon>` / `<Label>` / `<Surface>`). Use this skill wheneve
usegpu-post-processingChain full-screen post-processing effects in Use.GPU using `<FullScreen>` / `<RawFullScreen>` and the `post` render bucket — bloom, tonemap, blur, chromatic aberration, film grain, custom shader effects. Use this skill whenever the user wants bloom, HDR pipelines, effect chains, film grain, glow, sc
usegpu-presentation-slidesBuild animated, reactive presentations in Use.GPU with `@use-gpu/present` — `<Present>` / `<Slide>` / `<Step>` / `<Stage>` / `<Overlay>` / `<KeyboardControls>` / `<PresentInfo>`. Use this skill whenever the user wants slideware, a live tech talk deck, interactive scientific presentation, or asks abo
usegpu-react-embedBridge Use.GPU and React — embed a Use.GPU tree inside a React app with `<LiveCanvas>` / `<LiveDiv>` / `<Live>`, or embed React content inside a Use.GPU tree with `<HTML>`. Use this skill whenever the user has an existing React app and wants to drop in a WebGPU pane, or has a Use.GPU app and wants R
usegpu-render-to-textureRender scenes into offscreen textures / cubemaps in Use.GPU with `<RenderTarget>` / `<RenderToTexture>` / `<RenderCubeTarget>` — for mirrors, portals, reflections, screenshots, cubemap capture, and multi-view rendering. Use this skill whenever the user wants offscreen render targets, RTT, cubemap ca
usegpu-scene-graphBuild classic 3D scenes with Use.GPU — `<Scene>` / `<Node>` / `<Mesh>` / `<Instances>` / `<Primitive>`, geometry factories (`makeBoxGeometry`, `makeSphereGeometry`, `makePlaneGeometry`), and hierarchical transforms. Use this skill whenever the user wants a traditional scene tree with parent-child tr
usegpu-sdf-layout-uiBuild resolution-independent UI on GPU with `@use-gpu/layout` — `<UI>` / `<Layout>` / `<Absolute>` / `<Block>` / `<Flex>` / `<Inline>` / `<Overflow>` / `<Element>` / `<Text>` / `<FontLoader>`, plus SDF text and glyph atlases. Use this skill whenever the user wants HUD/UI overlays inside a WebGPU can
usegpu-voxel-modelingLoad and render MagicaVoxel `.vox` files in Use.GPU with `<VoxData>` / `<VoxModel>` / `<VoxNode>` / `<VoxLayer>`, plus voxel raymarching. Use this skill whenever the user wants voxel art, MagicaVoxel imports, voxel-based CAD/architecture, or blocky 3D content — even if they just say "voxel scene" or
usegpu-webmap-tilesRender slippy maps and vector tiles in Use.GPU with `@use-gpu/map` — Web-Mercator view, quadtree LOD, Mapbox Vector Tile (MVT) parsing/styling, and tile providers. Use this skill whenever the user wants a browser web map, cartography, GIS overlays, custom map styles, or vector tile rendering on WebG
usegpu-wgsl-shadersAuthor WGSL shaders with Use.GPU's linker — `@link` / `@export` / `@optional` / `@infer` attributes, static vs volatile bind groups, the `wgsl` template literal, `useShader` / `useShaderRef` / `useSource` / `useLinkedShader` hooks, and the `use 'module/path'::{ symbol };` import syntax. Use this ski
/usegpu:usegpuRoute a Use.GPU task to the right skills, or list the full catalog of 28 Use.GPU skills.
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.
1 MCP server
Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.
5 commands
Automates browser interactions for web testing, form filling, screenshots, and data extraction
12 skills
Use Alibaba Open Code Review from local Codex.
2 skills
Claude Code skill for creating and presenting Slidev slidedecks
1 skill
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.