Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/hexianweb/third-person-mc/vtj-debug-panelnpx skills add hexianWeb/Third-Person-MC --skill vtj-debug-panelgit clone --depth 1 https://github.com/hexianWeb/Third-Person-MCWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/hexianweb/third-person-mc/vtj-debug-panel)<a href="https://agentmods.dev/skills/hexianweb/third-person-mc/vtj-debug-panel"><img src="https://agentmods.dev/badge/skills/hexianweb/third-person-mc/vtj-debug-panel.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00036 | $0.00654 |
| Opus 5 | $0.00018 | $0.00327 |
| Sonnet 5 | $0.00007 | $0.00131 |
| Haiku 4.5 | $0.00004 | $0.00065 |
Grade A, and why
vtj-debug-panel scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 98 lines — stays where its author put it; the contents beside it link to each section on GitHub.
vite-threejs Debug Panel (Tweakpane)
Overview
Creates real-time parameter adjustment panels using Tweakpane. Activated via #debug URL hash.
Core principles:
- Every tunable parameter gets a control
- Colors must use
view: 'color' - Group panels hierarchically (max 3 levels)
Quick Start
constructor() {
this.experience = new Experience()
this.debug = this.experience.debug
this.params = { intensity: 1.0, color: '#ffffff' }
if (this.debug.active) {
this.debugInit()
}
}
debugInit() {
this.debugFolder = this.debug.ui.addFolder({
title: 'Component Name',
expanded: false,
})
this.debugFolder.addBinding(this.params, 'intensity', {
min: 0, max: 10, step: 0.1,
})
}
When to Use
- Creating new 3D components
- Adding ShaderMaterial uniform controls
- Monitoring runtime state
- Adding action buttons
Control Types
| Type | Key Config |
|---|---|
| Number | min, max, step |
| Color | view: 'color' (required) |
| 3D Point | view: 'point3d' |
| Boolean | No extra config |
| Select | options: { label: value } |
| Button | addButton({ title }) |
Detailed examples: See references/controls.md
ShaderMaterial Integration
All ShaderMaterial uniforms must have debug controls:
folder.addBinding(this.params, 'color', { view: 'color' })
.on('change', (ev) => {
this.material.uniforms.uColor.value.set(ev.value)
})
Full patterns: See references/shader-debug.md
Common Mistakes
- ❌ Colors without
view: 'color' - ❌ Direct
this.debug.uiextraction - ❌ Calling
debugInit()without checkingdebug.active - ❌ Nesting deeper than 3 levels
- ❌ All panels expanded by default
Complete error catalog: See references/common-mistakes.md
Quick Reference
| Need | Code |
|---|---|
| Access debug | this.debug = this.experience.debug |
| Check active | if (this.debug.active) |
| Create folder | this.debug.ui.addFolder({ title }) |
| Bind parameter | folder.addBinding(params, 'key', options) |
| Handle change | .on('change', callback) |
| Method name | debugInit() |
What ships with it
4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 98 lines · 36 tokens per session scan A dfa7c6040c8b
vtj-debug-panel is a skill published in the GitHub repository hexianWeb/Third-Person-MC (189 stars, last pushed 1mo ago), licensed MIT. It adds 36 tokens to every session and 654 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
bug-hunt
Investiga e conserta defeito no CS BRASIL / CORO SOLTO com o método que esta base pagou caro para aprender — régua antes do conserto, mutação que prova a régua, figura no tamanho em que ela é servida, e refutação do palpite óbvio antes de agir nele. Use SEMPRE que alguém reportar que algo está quebrado, errado…
game-3d-assets
3D asset engineer that finds, downloads, and integrates GLB/GLTF models into Three.js browser games. Use when a 3D game needs real models instead of primitive BoxGeometry/SphereGeometry shapes.
threejs-3d-generator
Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games using the Tripo API. Use for text-to-3D, image-to-3D, 2D concept to 3D conversion, game-ready GLB/FBX assets, characters, creatures, buildings, props, weapons, terrain pieces, auto-rigging, animation retargeting, model…
threejs-game-director
Primary entrypoint for complete Three.js browser game creation and premium iteration. Use by default for build-a-game, upgrade, polish, premium, AAA, high-fidelity, showcase, from-scratch, endless runner, arcade, action, or release-ready requests. Orchestrates sibling skills for gameplay, AAA graphics, UI…
gauntlet-fps
Roda o Gauntlet Loop do CS BRASIL / CORO SOLTO — o ciclo crítico-adversarial → builders em paralelo → captura medida → verificação A/B → caçador de regressões que melhora gráficos, mapas, armas, UI e jogabilidade do jogo FPS em Three.js. Use SEMPRE que o pedido for melhorar, avaliar, revisar ou "deixar melhor"…
threejs-aaa-graphics-builder
Upgrade Three.js games from basic/prototype visuals to premium AAA-inspired browser graphics. Combines art-direction critique, procedural model building, technical art, mandatory external asset sourcing decisions, threejs-3d-generator assets, threejs-image-generator concept/texture workflows, scene visual polish…