🎨
FrontendJavaScript

CesiumJS Custom Shader

by CesiumGS

CesiumJS Custom Shader is a Frontend skill for Claude Code, published by CesiumGS in cesiumjs-skills.

170 stars20 forkson CesiumGS/cesiumjs-skillsAdded 2026/09/08+44% in starsRepository updated 2026/08/27
claude-code-pluginclaude-code-skillscodex-skillsgithub-copilot-skills
Install in seconds
Install CesiumJS Custom Shader
Copy CesiumJS Custom Shader into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/CesiumGS/cesiumjs-skills/tree/main/skills/cesiumjs-custom-shader ~/.claude/skills/cesiumjs-custom-shader

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/CesiumGS/cesiumjs-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/cesiumjs-custom-shader/SKILL.md in CesiumGS/cesiumjs-skills
Installs to
~/.claude/skills/cesiumjs-custom-shader
Collection
One of 15 skills cataloged from this repository
Category
Frontend β€” 732 skills

What CesiumJS Custom Shader does

CesiumJS Custom Shader writes vertex and fragment GLSL for Model, Cesium3DTileset, and VoxelPrimitive rendering. Use it to read feature metadata, displace vertices, or control material shading at runtime.

CesiumJS Custom Shader is cataloged under Frontend on DirSkills. CesiumJS Custom Shader comes from a repository tagged claude-code-plugin, claude-code-skills, codex-skills and github-copilot-skills.

Documentation

README

CesiumJS CustomShader

Version baseline: CesiumJS 1.143. All imports use ES module style.

CustomShader injects user GLSL into the Model / Cesium3DTileset / VoxelPrimitive rendering pipeline. It exposes glTF attributes, feature IDs, and EXT_structural_metadata to per-vertex and per-fragment code, and returns values through the built-in czm_modelVertexOutput and czm_modelMaterial structs.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about CesiumJS Custom Shader

  • What else does CesiumGS publish alongside CesiumJS Custom Shader?

    CesiumJS Custom Shader is one of 15 skills that DirSkills catalogs from CesiumGS/cesiumjs-skills, the repository it ships in. Its siblings there include CesiumJS 3D Tiles, CesiumJS Camera & Navigation and CesiumJS Core Utilities. Each one is a separate skill with its own page in this directory, installs the same way CesiumJS Custom Shader does, and is maintained by CesiumGS in that same repository. The rest of the collection is listed on the CesiumGS/cesiumjs-skills page.

  • How does CesiumJS Custom Shader compare to other Frontend skills?

    CesiumJS Custom Shader ranks #665 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of CesiumJS Custom Shader against them. Open each page to compare what they document and how they install.

More from CesiumGS/cesiumjs-skills

CesiumJS Custom Shader is one of 15 skills cataloged on DirSkills from CesiumGS/cesiumjs-skills.

See all 15 skills β†’
πŸ›°οΈ
1h ago

CesiumJS 3D Tiles

CesiumJS 3D Tiles loads Cesium3DTileset content, Mapbox Vector Tiles, point clouds, voxels, and related 3D data. Use it to style, pick, clip, and query tiled spatial features in CesiumJS.
Frontend
17020
πŸ›°οΈ
1h ago

CesiumJS Camera & Navigation

CesiumJS Camera & Navigation controls camera placement, flyTo animations, entity tracking, and screen-to-world coordinate workflows in CesiumJS. Use it when positioning the camera or constraining user navigation.
Frontend
17020
🧩
1h ago

CesiumJS Core Utilities

CesiumJS Core Utilities provides Resource, Color, Event, Request, and helper APIs for fetching data, managing HTTP requests, working with colors, and handling events. Use it when building or debugging CesiumJS code that needs networking or core utility functions.
DevOps
17020
πŸ—ΊοΈ
1h ago

CesiumJS Entities

CesiumJS Entities lets you work with the high-level Entity API for points, labels, models, polygons, polylines, and other graphics. Use it when loading GeoJSON, KML, CZML, or GPX into EntityCollection-based scenes.
Frontend
17020
πŸ—ΊοΈ
1h ago

CesiumJS Imagery Layers

CesiumJS Imagery Layers covers imagery providers, layer stacking, and layer display settings for CesiumJS maps. Use it when adding, swapping, or comparing base map sources like WMS, WMTS, Bing, OpenStreetMap, ArcGIS, or Mapbox.
Frontend
17020
πŸ›°οΈ
1h ago

CesiumJS Interaction

CesiumJS Interaction handles mouse, touch, and modifier-key input on the Cesium canvas. Use it to pick entities or 3D Tiles, read world positions, and build click, hover, drag, and shortcut behaviors.
Frontend
17020