How do I install the Fable5 Webgpu Procedural skill?

Run npx skillmds@latest add ntizar/fable5-webgpu-procedural in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Fable5 Webgpu Procedural safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Fable5 Webgpu Procedural?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Fable5 Webgpu Procedural free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Fable5 Webgpu Procedural?

ntizar (@ntizar) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Fable5 Webgpu Procedural by ntizar — Agent Skill

Name: Fable5 Webgpu Procedural
Author: ntizar

File contents

LAAS — Procedural Open World con WebGPU + three.js

Descripción

Mundo abierto procedural de 4x4 km renderizado en el browser usando three.js WebGPURenderer con TSL materials y raw WGSL compute. Cada mesh, textura y luz es generado por código en boot — el repositorio no contiene assets de imagen, modelo o audio. Reproducible desde un único seed URL parameter.

Por qué importa para David

WebGPU + three.js: Demo de referencia del estado del arte en rendering 3D procedural
Zero assets: Todo generado proceduralmente → patrón para generación de mundos/terrenos
WGSL compute: Shaders compute para generative algorithms
Procedural generation: Patrón reusable para terrain, vegetation, buildings

Arquitectura

Seed Parameter (?seed=N)
    ↓
Procedural Generation (boot)
    ├── Terrain mesh
    ├── Vegetation (trees, grass)
    ├── Water bodies
    ├── Clouds & lighting
    └── Textures (procedural)
    ↓
WebGPURenderer + TSL Materials
    ↓
Raw WGSL compute shaders

Stack: TypeScript, three.js (WebGPURenderer), WebGPU, WGSL, Vite, Playwright (headless QA)

Uso básico

// Acceso directo a la demo
// https://laas-demo.example.com/?seed=42
// (cargar URL con seed para reproducibilidad)

Integración con proyectos de David

3D visualization: Patrón de rendering avanzado para cualquier visualización 3D
Procedural terrain: Generar terrenos para proyectos geográficos
Performance: Pattern de WebGPU compute para processing pesado del lado cliente

Pitfalls

WebGPU requiere browser moderno (Chrome 113+, Edge 113+, Opera 99+)
No hay fallback a WebGL → dispositivos viejos no funcionan
three.js WebGPURenderer es experimental → API puede cambiar
Procedural generation heavy: requiere GPU decente (mínimo integrated modern)
Demo fue generada por IA (Claude Fable 5) → código puede no seguir mejores prácticas

Referencias

GitHub: https://github.com/Braffolk/fable5-world-demo
Brief: PROJECT_LAAS_v2.md (brief humano que guió la generación)
three.js WebGPU: https://threejs.org/docs/#manual/en/introduction/WebGPU
WGSL: https://www.w3.org/WGSL/

---name: fable5-webgpu-proceduraldescription: LAAS — mundo 3D procedural 4x4km con three.js WebGPU, TSL materials y WGSL compute, generado íntegramente por código---# LAAS — Procedural Open World con WebGPU + three.js## DescripciónMundo abierto procedural de 4x4 km renderizado en el browser usando three.js WebGPURenderer con TSL materials y raw WGSL compute. Cada mesh, textura y luz es generado por código en boot — el repositorio no contiene assets de imagen, modelo o audio. Reproducible desde un único seed URL parameter.## Por qué importa para David- **WebGPU + three.js**: Demo de referencia del estado del arte en rendering 3D procedural- **Zero assets**: Todo generado proceduralmente → patrón para generación de mundos/terrenos- **WGSL compute**: Shaders compute para generative algorithms- **Procedural generation**: Patrón reusable para terrain, vegetation, buildings## Arquitectura```Seed Parameter (?seed=N) ↓Procedural Generation (boot) ├── Terrain mesh ├── Vegetation (trees, grass) ├── Water bodies ├── Clouds & lighting └── Textures (procedural) ↓WebGPURenderer + TSL Materials ↓Raw WGSL compute shaders```Stack: TypeScript, three.js (WebGPURenderer), WebGPU, WGSL, Vite, Playwright (headless QA)## Uso básico```tsx// Acceso directo a la demo// https://laas-demo.example.com/?seed=42// (cargar URL con seed para reproducibilidad)```## Integración con proyectos de David- **3D visualization**: Patrón de rendering avanzado para cualquier visualización 3D- **Procedural terrain**: Generar terrenos para proyectos geográficos- **Performance**: Pattern de WebGPU compute para processing pesado del lado cliente## Pitfalls- WebGPU requiere browser moderno (Chrome 113+, Edge 113+, Opera 99+)- No hay fallback a WebGL → dispositivos viejos no funcionan- three.js WebGPURenderer es experimental → API puede cambiar- Procedural generation heavy: requiere GPU decente (mínimo integrated modern)- Demo fue generada por IA (Claude Fable 5) → código puede no seguir mejores prácticas## Referencias- GitHub: https://github.com/Braffolk/fable5-world-demo- Brief: PROJECT_LAAS_v2.md (brief humano que guió la generación)- three.js WebGPU: https://threejs.org/docs/#manual/en/introduction/WebGPU- WGSL: https://www.w3.org/WGSL/

Frequently asked questions

Fable5 Webgpu Procedural