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

earth-view-modal

Debug Earth View's regional modal imagery loading and pan/zoom behavior.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline debugging and feature refinement for Earth View's regional modal workspace, enabling teams to modify ImageryModal behavior, regional image loading, and modal state management with confidence.

Core Features & Use Cases

  • Targeted debugging of core modal components:
    • src/components/Modal/ImageryModal.tsx
    • src/components/Modal/hooks/useRegionalImagery.ts
    • src/components/Modal/hooks/useTimeLapse.ts
  • Modal behavior refinement for pan/zoom/recenter, date/layer controls, and time-lapse workflows.
  • Inspection of app-state interactions via:
    • src/store/useAppStore.ts
    • src/providers/registry.ts
  • Guidance for aligning regional imagery workflows with existing UI patterns.

Quick Start

Open the globe and review the core modal files (ImageryModal.tsx, useRegionalImagery.ts, useTimeLapse.ts) to implement changes in the regional modal workspace.

Frequently Asked Questions about earth-view-modal

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

FAQPage Schema
How do I debug Earth View's regional modal workspace for imagery loading and pan/zoom behavior?▼

Debug Earth View's regional modal workspace by inspecting core component files like ImageryModal.tsx, useRegionalImagery.ts, and useTimeLapse.ts to modify imagery loading, pan/zoom/recenter behavior, and modal state restoration logic.

Why does my regional imagery modal fail to restore state when switching dates or layers?▼

Regional imagery modal state restoration fails when app store interactions in useAppStore.ts are misaligned. Inspect provider registry.ts and modal hooks to ensure date/layer controls properly sync with the regional imagery workflow.

What is the best way to fix pan and recenter behavior in a GIS imagery modal?▼

Fix GIS imagery modal pan and recenter behavior by reviewing interaction rules within ImageryModal.tsx, checking how regional image loading hooks handle coordinate transformations, and verifying modal state persistence during navigation.

Does this approach support debugging Sentinel and GIBS imagery workflows within a modal?▼

Yes, debugging Sentinel and GIBS imagery workflows within a modal is supported by inspecting useRegionalImagery.ts and provider registry.ts, allowing you to align imagery loading with existing UI patterns for regional modal components.

Related Skills

Explore More Software Engineering Skills→
zhaowendao2005zhaowendao2005

message-components-creator

Enforce MessageComponents-* naming and wire DevPage debugging for chat message components.

Community
Advanced
jay6697117jay6697117

agency-cultural-intelligence-strategist

Audit UI patterns for cultural exclusion and propose inclusive code or copy changes.

Community
Advanced
Ariedam64Ariedam64
3

add-section

Implement a new HUD section tab with lifecycle, state persistence, and registry registration.

Community
Intermediate
skilld-devskilld-dev
174

formkit-core-skilld

Create and configure FormKit core nodes with events and hooks.

Official
Advanced