three-scope-map

Build, migrate, theme, drill down, and validate reusable Three.js 3D geographic maps and Earth View entrances for Vue or web dashboards. Use when Codex is asked to create or modify a pure Three.js globe, province-level, all-China, or world 3D maps; transition from an Earth View into the existing China map; switch map boundaries between provinces, country scope, world scope, city scope, or district scope; add hierarchical drilldown from world to country, China to province, province to city, city to district/county; replace GeoJSON, labels, scatter points, fly lines, terrain textures, or chase-l

Try your first task

Create a minimal Earth-to-China map project

Start a fresh conversation. Replace the highlighted placeholders.

Use the three-scope-map skill to create a minimal runnable project in [TARGET_PROJECT]. The target is an empty or non-frontend directory. Copy the complete bundled assets/templates/smart-mine-vue project, keep EarthView.vue, EarthChinaMap.vue, ChinaMap.vue, mapTheme.ts, map data, and textures together, and make EarthChinaMap.vue the initial view. Preserve the real Three.js Earth entrance and its handoff to the China map. Do not add dashboard panels or business content.

Required inputs

[TARGET_PROJECT]: destination directory for the new project
Node.js ^20.19.0 or >=22.12.0

Suggested template by Skill Leaderboard, grounded in the linked source. Task evidence ↗

Inside SKILL.md

154 lines

Section content has not been verified for this skill yet.

Full source remains withheld under the current source-display policy. Read the author’s source ↗