dedekpodedekpoCommunity·3 Agent Skills Included

stylized-scene

WebGPU 3D scenes, TSL shaders, and React Three Fiber

Builds stylized 3D web scenes with React Three Fiber on a WebGPU backend using Three.js TSL node materials. Covers instanced grass fields, wind animation, layered ground materials, compute shaders, and post-processing effects. Removes the guesswork of writing GPU shaders by providing ready examples, templates, and reference docs. Helps developers ship performant, Ghibli-style interactive scenes without writing raw GLSL or WGSL.
npx skills add dedekpo/stylized-scene --all -g -y

All Skills in This Repository (3)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install stylized-scene?

Run `npx skills add dedekpo/stylized-scene --all -g -y` in your terminal to install all skills in this repository globally.

How to build 3D scenes with React Three Fiber?

The react-three-fiber skill guides your agent through Canvas setup, hooks, Drei helpers, state management, and performance patterns for declarative 3D scenes in React.

How to write WebGPU shaders without GLSL?

The webgpu-threejs-tsl skill teaches TSL, a node-based shader system that lets you write GPU materials and compute shaders in plain JavaScript with full examples and templates.

Does stylized-scene work with Claude Code and Cursor?

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible coding agents.

What browsers support this WebGPU scene?

The demo scene requires a WebGPU-capable browser such as a recent version of Chrome, Edge, or Safari.

Related Repositories in Software Engineering

View All in Software Engineering