Design & media

cesium

Try it

Build, debug, and optimize CesiumJS 3D globe apps, including viewer setup, terrain/imagery, 3D Tiles, GeoJSON/CZML loading, camera control, picking, entity s...

What it does

Implement CesiumJS solutions with minimal assumptions and production-safe defaults.

The skill document

Cesium

Implement CesiumJS solutions with minimal assumptions and production-safe defaults.

Workflow

  1. Confirm runtime assumptions first: framework (vanilla/Vite/React), CesiumJS version, and whether Cesium Ion is available.
  2. Start with the smallest runnable viewer setup before adding terrain, 3D Tiles, or heavy data layers.
  3. Keep token handling out of source code; use environment variables and project config wiring.
  4. Add data layers incrementally and verify camera framing after each step.
  5. For rendering/perf issues, reduce scene complexity first, then tune request/render settings.

Implementation guardrails

  • Prefer explicit imports from cesium and avoid hidden globals.
  • Use requestRenderMode for mostly static scenes to reduce GPU/CPU usage.
  • Dispose resources in teardown paths (viewer.destroy()) in SPA route changes/unmounts.
  • For large datasets, prefer 3D Tiles over huge entity collections when possible.
  • Keep picking logic resilient: handle undefined picks and mixed primitive/entity results.

Debugging checklist

  • Blank globe: verify CSS container height/width and render loop not blocked.
  • Missing terrain/tiles: verify network access, token, and dataset permissions.
  • Misplaced data: verify CRS and coordinate order (lon, lat, height).
  • Memory/GPU pressure: profile number of entities/primitives and texture-heavy layers.

Reference docs in this skill

  • Read {baseDir}/references/patterns.md when generating or fixing Cesium code.

Related skills

Join meeting

Join a video meeting as an AI bot with voice, avatar, and screenshare across four operating modes.

by johnpatternai22 installs8 stars

Productivity

Find why your productivity system keeps failing, then apply the smallest fix — capacity math, bottleneck routing, durable local notes.

by Iván855 installs69 stars

AdMapix

Fetch raw ad creative, app, ranking, and revenue data from AdMapix as structured JSON.

by fly0pants4.3k installs296 stars

diagram-generator

Generate and edit Draw.io, Mermaid, and Excalidraw diagrams from natural language using a structured JSON spec.

by nssa.io1.0k installs47 stars

Memory

Stores durable facts in a categorized, plain-markdown vault on disk, alongside your agent's built-in memory.

by Iván559 installs18 stars

More from jvy

Browse all skills

wps

WPS Office workflow automation for Chinese documents, spreadsheets, and presentations.

by jvy142 installs4 stars

ECharts

Create Apache ECharts option JSON, standalone HTML chart pages, and export-ready chart artifacts from CSV, TSV, JSON tables, or existing option configs. Use...

by jvy23 installs

gitee

Gitee operations via OpenAPI and git: repositories, pull requests, issues, comments, and file contents. Use when: (1) inspecting or creating Gitee pull reque...

by jvy36 installs1 stars

Shader Helper

Write, explain, adapt, and debug practical shader code for GLSL, WebGL, Three.js ShaderMaterial, React Three Fiber, postprocess-style full-screen effects, an...

by jvy24 installs1 stars

OpenLayers Maps

Build, debug, and integrate OpenLayers web maps, including map/view setup, XYZ and OSM base layers, vector sources, GeoJSON overlays, Web Mercator and WGS84...

by jvy17 installs

Holiday Lookup

Research public holidays, bank holidays, observed days, school breaks, and make-up workdays for any country or region. Use when the user asks whether a speci...

by jvy18 installs