cat ~/トップ

r3f-drei @Bbeierle12

@react-three/drei helper library—OrbitControls, Text, Environment, useTexture, useGLTF, Html, Billboard, and 50+...

r3f-fundamentals @Bbeierle12

React Three Fiber core setup, Canvas configuration, scene hierarchy, camera systems, lighting, render loop, and...

r3f-geometry @Bbeierle12

BufferGeometry creation, built-in geometries, custom geometry with buffer attributes, instanced meshes for rendering...

r3f-materials @Bbeierle12

Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL,...

r3f-performance @Bbeierle12

R3F performance optimization—LOD (Level of Detail), frustum culling, instancing strategies, draw call reduction,...

r3f-router @Bbeierle12

Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry,...

router-template @Bbeierle12

Template for creating router skills. Use as a starting point when building a new router that dispatches to multiple...

scientific-documentation @Bbeierle12

Generate comprehensive scientific research-style documentation for completed coding projects. Use when the user...

shader-effects @Bbeierle12

Visual shader effects—glow/bloom, chromatic aberration, distortion, vignette, film grain, scanlines, glitch,...

shader-fundamentals @Bbeierle12

GLSL shader fundamentals—vertex and fragment shaders, uniforms, varyings, attributes, coordinate systems, built-in...

shader-noise @Bbeierle12

Procedural noise functions in GLSL—Perlin, simplex, Worley/cellular, value noise, FBM (Fractal Brownian Motion),...

shader-router @Bbeierle12

Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects)...

shader-sdf @Bbeierle12

Signed Distance Functions (SDFs) in GLSL—2D/3D shape primitives, boolean operations (union, intersection,...

skill-creator @Bbeierle12

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an...

slack-gif-creator @Bbeierle12

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and...

software-architecture @Bbeierle12

Implements design patterns including Clean Architecture, SOLID principles, and comprehensive software design best...

structural-physics @Bbeierle12

Structural validation and damage systems for Three.js building games. Use when implementing building stability...

subagent-driven-development @Bbeierle12

Use when executing implementation plans. Dispatches independent subagents for individual tasks with code review...

systematic-debugging @Bbeierle12

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes. Implements scientific...

terrain-integration @Bbeierle12

Terrain interaction systems for Three.js building games. Use when implementing slope handling, foundation anchoring...

test-driven-development @Bbeierle12

Use when implementing any feature or bugfix, before writing implementation code. Enforces RED-GREEN-REFACTOR cycle...

theme-factory @Bbeierle12

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages,...

using-git-worktrees @Bbeierle12

Use when starting new feature work to create isolated git worktrees with smart directory selection and safety...

web-artifacts-builder @Bbeierle12

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web...