By cesiumgs
Prototype and iterate on CesiumJS 3D geospatial web apps by generating code for loading tilesets from Cesium Ion or URLs, controlling cameras with flyTo animations, adding entities from GeoJSON/CZML, writing custom GLSL shaders, configuring terrain and imagery layers, then previewing and debugging live in a local headless Chrome via DevTools protocol.
npx claudepluginhub cesiumgs/cesiumjs-skills --plugin cesiumjs-skillsCesiumJS 3D Tiles - Cesium3DTileset, styling, metadata, feature picking, voxels, point clouds, I3S, Gaussian splats, clipping planes and polygons. Use when loading 3D Tiles tilesets, styling building features, querying metadata properties, working with voxels or point clouds, or clipping spatial data.
CesiumJS camera control - Camera, flyTo, lookAt, setView, ScreenSpaceCameraController, CameraEventAggregator, flight animation. Use when positioning the camera, creating flyTo animations, constraining user navigation, tracking entities, or converting between screen and world coordinates.
CesiumJS core utilities and networking - Resource, Color, Event, Request, RequestScheduler, error handling, helper functions, feature detection. Use when fetching remote data, managing HTTP requests, working with colors, handling events, debugging errors, or using utility functions like defined, clone, or buildModuleUrl.
CustomShader authoring — vertexShaderText and fragmentShaderText against VertexInput, FragmentInput, FeatureIds, Metadata, czm_modelMaterial. Use when reading EXT_mesh_features or EXT_structural_metadata property textures/tables, vertex displacement, or shading VoxelPrimitive.
CesiumJS entities and data sources - Entity, EntityCollection, DataSource, GeoJsonDataSource, KmlDataSource, CzmlDataSource, Graphics types, Visualizers. Use when adding points, labels, models, polygons, or polylines to the map, loading GeoJSON/KML/CZML/GPX data, or working with the high-level Entity API.
CesiumJS imagery layers - ImageryProvider, ImageryLayer, ImageryLayerCollection, WMS, WMTS, Bing, OpenStreetMap, ArcGIS, Mapbox, tile discard policies. Use when adding or swapping base map layers, configuring imagery providers, layering multiple map sources, or creating split-screen imagery comparisons.
CesiumJS interaction and picking - ScreenSpaceEventHandler, Scene.pick, Scene.drillPick, Scene.pickPosition, mouse and touch events. Use when handling user clicks on the globe, selecting entities or 3D Tiles features, implementing hover effects, or building drag-based interactions.
CesiumJS materials and post-processing — Material, Fabric JSON, MaterialAppearance, ImageBasedLighting, PostProcessStage, PostProcessStageLibrary, bloom, depth of field, ambient occlusion, FXAA, tonemapping, BlendingState. Use when defining Fabric materials for entities or primitives, configuring PBR image-based lighting, or adding screen-space post-processing effects.
CesiumJS models, glTF, and particle effects - Model, ModelAnimation, ModelNode, ParticleSystem, emitters, GPM extensions. Use when loading glTF/GLB 3D models, playing model animations, positioning particle effects like fire or smoke, or working with geospatial positioning metadata.
CesiumJS primitives and geometry - Primitive, GeometryInstance, Appearance, Billboard/Label/PointPrimitive collections, built-in geometry shapes, ground primitives, classification. Use when rendering performance-critical static geometry, creating custom shapes, batching draw calls, or using low-level billboard, label, and point collections.
CesiumJS spatial math - Cartesian3, Cartographic, Matrix4, Quaternion, Transforms, Ellipsoid, BoundingSphere, projections, coordinate conversions. Use when converting between coordinate systems, computing positions on the ellipsoid, performing spatial intersection tests, building model matrices, or working with geographic projections.
CesiumJS terrain, globe, and environment - TerrainProvider, Globe, sampleTerrain, atmosphere, sky, fog, lighting, shadows, panoramas. Use when configuring terrain providers, querying terrain heights, customizing atmosphere or sky rendering, adding panoramas, or adjusting scene lighting and shadows.
CesiumJS time, properties, and animation - Clock, JulianDate, TimeInterval, Property, SampledProperty, CallbackProperty, interpolation, splines, CZML temporal data. Use when making entity attributes time-dynamic, configuring the simulation clock, interpolating positions over time, or working with sampled or callback properties.
CesiumJS viewer setup - Viewer, CesiumWidget, widgets, Ion token, Scene configuration, SceneMode, factory helpers, geocoders, platform services. Use when initializing a CesiumJS application, configuring viewer widgets, setting Ion access tokens, creating default terrain or imagery, or bootstrapping a 3D globe.
Use when starting any conversation involving CesiumJS development - provides orientation on available domain skills and how they activate
Curated agent skills for CesiumJS development — 14 domain skills covering ~535 public symbols across the CesiumJS v1.139 API surface.
One-Liner from the terminal (recommended):
claude plugin marketplace add CesiumGS/cesiumjs-skills
From inside Claude Code:
/plugin and press EnterCesiumGS/cesiumjs-skills/plugin againAfter installing, run /reload-plugins to activate the skills in your current session.
These skills follow the Agent Skills open standard. Copy or symlink the skills/ directory into your workspace — skills are discovered automatically from skills/<name>/SKILL.md.
| Skill | Activates when... |
|---|---|
| cesiumjs-viewer-setup | Initializing a CesiumJS app, configuring widgets, setting Ion tokens, bootstrapping a globe |
| cesiumjs-camera | Positioning the camera, flyTo animations, constraining navigation, entity tracking |
| cesiumjs-entities | Adding points/labels/models/polygons, loading GeoJSON/KML/CZML/GPX data |
| cesiumjs-3d-tiles | Loading tilesets, styling features, querying metadata, voxels, point clouds, clipping |
| cesiumjs-imagery | Adding/swapping base map layers, configuring imagery providers, split-screen comparisons |
| cesiumjs-terrain-environment | Configuring terrain, querying heights, atmosphere/sky/fog/lighting/shadows, panoramas |
| cesiumjs-primitives | Performance-critical static geometry, custom shapes, batching, billboard/label/point collections |
| cesiumjs-materials-shaders | Fabric materials, ImageBasedLighting, post-processing effects, bloom, tonemapping |
| cesiumjs-custom-shader | Writing GLSL shader bodies for Model/Cesium3DTileset/VoxelPrimitive; feature IDs, EXT_structural_metadata |
| cesiumjs-time-properties | Time-dynamic entity attributes, simulation clock, interpolation, sampled/callback properties |
| cesiumjs-spatial-math | Coordinate conversions, ellipsoid geometry, model matrices, intersection tests, projections |
| cesiumjs-interaction | User clicks on the globe, entity/feature selection, hover effects, drag interactions |
| cesiumjs-models-particles | glTF/GLB model loading, animations, particle effects (fire, smoke) |
| cesiumjs-core-utilities | HTTP requests via Resource, Color, Event, error handling, helper functions |
Every public class, function, and enum in CesiumJS is assigned to exactly one skill. Cross-domain ownership rules and the full symbol map are documented in docs/DOMAINS.md.
The Agent Skills format is an open standard originally developed by Anthropic and adopted by leading AI development tools including Claude Code, GitHub Copilot, and many others.
By popular demand, this repository also ships as a Claude Code plugin with a SessionStart hook and Chrome DevTools MCP integration for browser-based verification.
cesiumjs-skills/
├── skills/ # The product
│ ├── cesiumjs-*/SKILL.md # 14 domain skills (CesiumJS v1.139)
│ └── using-cesiumjs-skills/ # Bootstrap orientation skill
├── docs/
│ ├── DOMAINS.md # Symbol ownership map
│ └── skills-catalog.md # Skills catalog
├── .claude-plugin/
│ ├── plugin.json # Claude Code plugin manifest
│ └── marketplace.json # Plugin marketplace catalog
├── .mcp.json # Chrome DevTools MCP server
├── hooks/ # SessionStart hook + runner
└── LICENSE
AI skill for working with Three.js texture loading, mapping, and material properties. Helps developers create and manipulate 3D textures programmatically.
Share bugs, ideas, or general feedback.
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
Comprehensive Three.js skills for building 3D web experiences
MCP server + skills for Agisoft Metashape Professional 2.3+ — dense reconstruction, texturing, tile export, DEM/ortho generation, photogrammetry QA, and more.
Mapbox skills and MCP servers for building location-aware applications with AI. Includes geospatial tools, style management, and patterns for web, iOS, Android, and AI agent frameworks.
3D visualization toolkit for robotics and GenAI