world42-origin-camera — community world42-origin-camera, World42, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for 3D Visualization Agents needing high-precision rendering capabilities with Babylon.js WebGL2 project, Quadtree LOD real scale Planet built with Babylon.js

bpodwinski bpodwinski
[6]
[0]
Updated: 3/4/2026

Agent Capability Analysis

The world42-origin-camera skill by bpodwinski is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for 3D Visualization Agents needing high-precision rendering capabilities with Babylon.js

Core Value

Empowers agents to manage complex 3D scenes with Quadtree LOD and real-scale planet rendering, utilizing WebGL2 and Babylon.js transforms for seamless world and render space conversions via `toRenderSpace` and `toWorldSpace` functions

Capabilities Granted for world42-origin-camera

Rendering large-scale planetary environments with precision
Converting between world and render spaces for accurate entity positioning
Debugging 3D scene inconsistencies with the `check-orig` script

! Prerequisites & Limits

  • Requires Babylon.js compatibility
  • Dependent on WebGL2 support
  • High precision calculations may impact performance
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

world42-origin-camera

Install world42-origin-camera, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

World42 Origin Camera

Treat OriginCamera as the world/render boundary for the entire runtime. Keep all edits consistent with this contract:

  • WorldDouble (high precision): camera.doublepos, entities doublepos, absolute distances.
  • Render-space (Babylon transforms): camera.position and visible mesh transforms.
  • Conversion boundary: toRenderSpace and toWorldSpace.

Workflow

1) Audit usage before editing

Run:

powershell
1./skills/world42-origin-camera/scripts/check-origin-camera-usage.ps1

Inspect:

  • Any logic mixing camera.position with world distances.
  • Direct world - camera.doublepos math that should use toRenderSpace.
  • Any new code writing to render-space and world-space in the same formula.

2) Preserve frame contract

When touching src/core/camera/camera_manager.ts, keep this update order inside the camera tick:

  1. Accumulate render delta into doublepos.
  2. Reset camera.position to render origin.
  3. Update all floating entities.
  4. Update velocity and speed from doublepos.

Do not reorder those steps without checking downstream systems.

3) Keep system boundaries explicit

  • Controls (mouse_steer_control_manager.ts) move in render-space; camera tick promotes motion to WorldDouble.
  • Teleport (teleport_entity.ts) sets doublepos and look target using toRenderSpace.
  • LOD/culling (chunk_tree.ts, chunk_culling_eval.ts) read camera location from doublepos.
  • Postprocess (star_raymarch_postprocess.ts) sends camera render origin and world-derived targets converted to render-space.

If you add a new camera consumer, choose one space first, then convert once at the boundary.

4) Validate high-risk changes

After changes to OriginCamera behavior:

  • Verify spawn/target setup in bootstrap_scene.ts.
  • Verify teleport + LOD reset in setup_runtime.ts.
  • Verify near-planet shadows and active-planet selection in setup_lod_and_shadows.ts.
  • Verify speed HUD (camera.speedSim -> ScaleManager.simSpeedToMetersPerSec).

Use references/origin-camera-global-map.md for file-level contracts.

Resources

  • Script: scripts/check-origin-camera-usage.ps1
  • Reference: references/origin-camera-global-map.md

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is world42-origin-camera?

Perfect for 3D Visualization Agents needing high-precision rendering capabilities with Babylon.js WebGL2 project, Quadtree LOD real scale Planet built with Babylon.js

How do I install world42-origin-camera?

Run the command: npx killer-skills add bpodwinski/World42/world42-origin-camera. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for world42-origin-camera?

Key use cases include: Rendering large-scale planetary environments with precision, Converting between world and render spaces for accurate entity positioning, Debugging 3D scene inconsistencies with the `check-orig` script.

Which IDEs are compatible with world42-origin-camera?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for world42-origin-camera?

Requires Babylon.js compatibility. Dependent on WebGL2 support. High precision calculations may impact performance.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add bpodwinski/World42/world42-origin-camera. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use world42-origin-camera immediately in the current project.

Related Skills

Looking for an alternative to world42-origin-camera or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI