skills.rest
aberrantCode
aberrantCodeCOMMUNITY
Explore all skills by this author →
GitHub

worldview-shader-preset

Scaffold GLSL post-processing shader presets with manifests and CesiumJS bindings.

1|Updated Feb 26, 2026
Search Tags:#persistence#glsl#shader#preset#post-processing#ui-integration#cesiumjs
One-click install
npx skills add https://github.com/aberrantCode/llm_skills --skill worldview-shader-preset
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: worldview-shader-preset
Source: https://github.com/aberrantCode/llm_skills/tree/main/claude/skills/worldview-shader-preset
Command: npx skills add https://github.com/aberrantCode/llm_skills --skill worldview-shader-preset

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Developers spend repetitive time creating new post-processing visual presets for the WorldView GEOINT dashboard because each preset requires a GLSL shader, uniform bindings, UI controls, toolbar integration, per-preset persistence, and SCENES serialization. This Skill packages the required manifest, shader skeleton, parameter schema, UI changes, and verification checklist so new presets can be added consistently and reliably.

Core Features & Use Cases

  • Preset manifest generation: define id, displayName, icon, and parameter schema with defaults and ranges to drive UI sliders and uniform names.
  • GLSL + JS scaffold: provide a fragment shader skeleton and a JS module for uniform bindings, stage registration, and CesiumJS post-processing integration.
  • UI & persistence integration: append toolbar icon, expose right-panel parameters, persist per-preset slider values, and register the preset for SCENES shot-sequencer serialization.
  • Verification & PRD traceability: use the included checklist and verify script to gate completion and update the product PRD when visible changes are introduced.
  • Use Case: add an NVG mode with sensitivity and bloom sliders, ensure values persist per preset, and make the preset serializable in shot rows.

Quick Start

Use the worldview-shader-preset skill to scaffold a new preset named night_vision with the sensor schema, display name "Night Vision", and icon 🟢.

Frequently Asked Questions about worldview-shader-preset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new post-processing shader preset to a CesiumJS dashboard?▼

To add a post-processing shader preset to a CesiumJS dashboard, you need to generate a GLSL fragment shader, define uniform bindings, create a manifest with parameter schemas, and integrate UI toolbar controls. This scaffolds the complete visual rendering mode setup.

What files are needed to create a GLSL visual rendering mode with UI sliders?▼

Creating a GLSL visual rendering mode with UI sliders requires a fragment shader stage, a manifest.json defining the parameter schema with defaults and ranges, and a JS module for uniform bindings and stage registration.

How do I persist slider values for custom post-processing effects?▼

To persist slider values for custom post-processing effects, you implement per-preset persistence alongside the parameter schema. This ensures individual slider configurations are saved and restored during dashboard sessions.

Can I serialize custom shader presets in a shot-sequencer?▼

Yes, you can serialize custom shader presets in a shot-sequencer by registering the preset for SCENES shot-sequencer serialization. This allows visual rendering modes to be captured and replayed in shot rows.

How do I scaffold a CesiumJS post-processing stage for sensor modes like NVG or FLIR?▼

To scaffold a CesiumJS post-processing stage for sensor modes like NVG or FLIR, you define the sensor schema with display name and icon, then generate the GLSL skeleton and JS uniform bindings for stage registration.

What is the best way to structure a manifest for geospatial visual presets?▼

The best way to structure a manifest for geospatial visual presets is to define a unique id, displayName, icon, and a parameter schema with defaults and ranges. This manifest drives both UI slider generation and GLSL uniform names.

Related Skills

Explore More Software Engineering Skills→
DubDev720DubDev720
2

domain-rendering-visuals

Define rendering strategies balancing visual quality and performance constraints.

Community
Intermediate
xotongxotong

verification-before-completion

Enforce fresh verification evidence before claiming task completion.

Community
Advanced
sethihqsethihq

interface-craft

Write React animations with a human-readable DSL and tune values via live controls.

Community
Intermediate
AsylcreekAsylcreek

threejs-shaders

Create custom GLSL shaders for Three.js ShaderMaterial and RawShaderMaterial.

Community
Advanced