---
title: "threenix"
description: "Threenix references and skills for Three.js developers."
canonical: https://agentpluginsdirectory.com/plugins/threenix
last-updated: 2026-10-04
---

# threenix
Threenix references and skills for Three.js developers.
- Slug: threenix
- Publisher: Threenix
- Repository: https://github.com/prag-matt-ic/threenix-plugin
- Manifest: plugin.json
- Version: 0.7.0
- Category (editorial): creative-media
- Skills: 12 (add-background-node, add-camera-controls, add-fast-text, add-fireworks, add-linked-particles, add-mesh-surface-sampled-particles, add-scene-warmup, add-webgpu-canvas, best-practices, clean-code, optimize-tsl, r3f-v10-webgpu-hooks)
- MCP servers: 1 (threenix)
- Stars: 1
- Repository created: 2026-08-19
- Repository last pushed: 2026-09-22
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/threenix
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What threenix does, in the publisher's words

Build WebGPU scenes and improve existing Three.js code with focused AI skills from Threenix, a Three.js development studio. Includes R3F v10 scene components, GPU particle effects, and reviews for performance and TSL shaders.

Currently in Alpha.

React Three Fiber v10 and Three.js Shading Language (TSL) are still evolving. Reliable patterns can be hard to find online, and performance best practices are easy to miss. These skills were developed alongside real 3D projects where they have proven measurable impact.

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/prag-matt-ic/threenix-plugin/HEAD/README.md

## Skills

- add-background-node: Add a custom TSL scene background to an existing React Three Fiber WebGPU Canvas. Use when the user invokes $add-background-node or asks for a custom background node in a WebGPU R3F scene.
- add-camera-controls: Add Threenix cinematic camera controls to an existing React Three Fiber scene. Use when the user invokes $add-camera-controls or asks for distance-aware camera transitions with optional pointer look.
- add-fast-text: Add Threenix fast canvas-backed text to an existing React Three Fiber WebGPU scene. Use when the user invokes $add-fast-text or asks for frequently updated TSL text.
- add-fireworks: Implement a GPU compute fireworks component in an existing React Three Fiber WebGPU scene. Use when the user invokes $add-fireworks or asks to add the Threenix fireworks effect to an existing R3F WebGPU Canvas.
- add-linked-particles: Add Threenix GPU linked particles to an existing React Three Fiber WebGPU scene. Use when the user invokes $add-linked-particles or asks for the proximity-linked particle ring.
- add-mesh-surface-sampled-particles: Add Threenix mesh-surface-sampled particles to an existing React Three Fiber WebGPU scene. Use when the user invokes $add-mesh-surface-sampled-particles or asks for the Phoenix particle silhouette.
- add-scene-warmup
- add-webgpu-canvas: Create a React Three Fiber WebGPU canvas from the bundled Threenix reference. Use when the user invokes $add-webgpu-canvas or asks to create or set up a WebGPU Canvas.
- best-practices: Review and refactor Three.js and React Three Fiber code for performance and clarity. Use when the user invokes $best-practices or asks for a Three.js or R3F best-practices review.
- clean-code: Use the following Clean Code Checklist to review and refactor the current file's code.
- optimize-tsl: Review and refactor TSL shader node graphs for performance, clarity, and portability. Use when the user invokes $optimize-tsl or asks to optimize Three.js Shading Language (TSL) code.
- r3f-v10-webgpu-hooks

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.

## MCP servers

- threenix: transport: streamable-http; url: https://developers.threenix.io/mcp

Read from the plugin's own mcp.json. Environment variable names only, never values.