cobejs
CommunityAdd a lightweight interactive globe to your site
AuthorMengTo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you add a lightweight interactive globe to web pages without the overhead of a full 3D stack, so you can quickly deliver location markers and ambient motion.
Core Features & Use Cases
- Canvas-based globe rendering: Create a WebGL globe using cobe with clear configuration for size, DPR, rotation, lighting, and styling.
- Markers and interactivity: Place location markers via lat/lon and tune marker appearance for hero/about sections or decorative interactive elements.
- Performance and integration: Handle responsive canvas sizing, DPR clamping, RAF lifecycle control, and clean teardown for React/Next.js.
Quick Start
Use the cobejs Skill to render a responsive canvas globe with one marker by wiring a <canvas> element into createGlobe and updating canvas width/height on resize.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: cobejs Download link: https://github.com/MengTo/Skills/archive/main.zip#cobejs Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.