skills.rest
colincode0
colincode0COMMUNITY
Explore all skills by this author →
GitHub

earth-view-globe

Navigate React/Three.js globe files and state flows for debugging.

396|50|Updated Apr 24, 2026
Search Tags:#debugging#frontend#three.js#gis#texture-loading#globe#earth-view
One-click install
npx skills add https://github.com/colincode0/earth-view --skill earth-view-globe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: earth-view-globe
Source: https://github.com/colincode0/earth-view/tree/main/.codex/skills/earth-view-globe
Command: npx skills add https://github.com/colincode0/earth-view --skill earth-view-globe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers spend time navigating a large globe-based frontend. This Skill provides a focused entry point to the Earth View globe architecture to accelerate debugging and feature exploration.

Core Features & Use Cases

  • Quick access to central globe components: Globe.tsx, Earth.tsx, MaxZoomImagery.tsx, CameraHotkeys.tsx, and the useAppStore state.
  • Insight into the max-zoom overlay flow, world-space vs image-bbox handling, and modal handoff from globe to modal.
  • Use cases include debugging camera controls, texture loading, overlay management, and point selection flows during development.

Quick Start

Open the Earth View Globe skill and review the listed core files to quickly navigate the globe architecture.

Frequently Asked Questions about earth-view-globe

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

FAQPage Schema
How do I debug Three.js globe camera controls and texture loading in a React project?▼

Debug Three.js globe camera controls and texture loading by navigating central components like Globe.tsx, Earth.tsx, and CameraHotkeys.tsx. This Skill provides a focused entry point to accelerate frontend debugging and feature exploration for Earth View visualizations.

What is the best way to manage max-zoom overlays and NASA GIBS textures in a Three.js globe?▼

Manage max-zoom overlays and NASA GIBS textures by inspecting MaxZoomImagery.tsx. It provides insight into the max-zoom overlay flow, world-space versus image-bbox handling, and overlay management during your feature development.

How does the globe-to-modal handoff flow work in a React Earth View application?▼

The globe-to-modal handoff flow works by utilizing the shared useAppStore state hook. This Skill maps the state flows across EventOverlays and core components to support point selection workflows and seamless modal transitions from the globe.

Can I use this Skill to trace boundary lines and city labels on a Three.js Earth visualization?▼

Yes, you can trace boundary lines and city labels by navigating directly to BoundaryLines.tsx and CityLabels.tsx. The Skill maps these specific core files to help you quickly inspect and extend the globe architecture during development.

Why does my Earth View globe overlay layer misalign when zooming in a React Three.js frontend?▼

Your overlay layer might misalign due to world-space versus image-bbox handling issues. Use this Skill to inspect MaxZoomImagery.tsx and understand the max-zoom overlay flow to correctly manage texture loading and overlay layers.

Related Skills

Explore More Software Engineering Skills→
colincode0colincode0
396

earth-view-imagery-providers

Organize NASA GIBS and Copernicus Sentinel imagery providers and layers.

Community
Intermediate
TechsioCZTechsioCZ
2

dialog-usage

Implement accessible dialogs with UI Kit and Zag.js in React apps.

Official
Intermediate
CesarG503CesarG503

threejs-interaction

Handle user input, raycasting, and camera controls in Three.js scenes.

Community
Intermediate
aliepratamaaliepratama

shadcn

Manage shadcn/ui component installation, updates, and documentation in frontend projects.

Community
Basic