skills.rest
ming1zhou88
ming1zhou88COMMUNITY
Explore all skills by this author →
WebsiteGitHub

minemap-plugin-compare-swipe

Compare two MineMap instances with a draggable swipe and synchronized views.

3|Updated Mar 20, 2026
Search Tags:#synchronization#plugin#demo#compare#swipe#minemap#dual-map
One-click install
npx skills add https://github.com/ming1zhou88/minemap-skills --skill minemap-plugin-compare-swipe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: minemap-plugin-compare-swipe
Source: https://github.com/ming1zhou88/minemap-skills/tree/main/skills/minemap-plugin-compare-swipe
Command: npx skills add https://github.com/ming1zhou88/minemap-skills --skill minemap-plugin-compare-swipe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Side-by-side map comparisons require synchronized views and a smooth reveal mechanism; this skill provides a swipe-based plugin to compare two MineMap instances and coordinate the demo surface while cleaning up after destruction.

Core Features & Use Cases

  • Synchronized clipping between two maps to reveal differences in real time.
  • Demo-backed entry: relies on external assets minemap-compare.js and minemap-compare.css for a complete showcase.
  • Cleanup discipline: ensures all plugin-created UI elements and styles are removed on destruction.

Quick Start

Create two Map instances and pass them to Compare(mapA, mapB, isHorizontal, options, direction) to enable swipe comparison.

Frequently Asked Questions about minemap-plugin-compare-swipe

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

FAQPage Schema
How do I compare two MineMap instances side-by-side with a swipe?▼

To compare two MineMap instances side-by-side, instantiate both maps and pass them to the Compare function, which enables a draggable swipe to reveal synchronized clipping differences in real time.

Does the MineMap swipe comparison plugin require any external dependencies?▼

Yes, the MineMap swipe comparison plugin requires external compare plugin scripts, specifically minemap-compare.js and minemap-compare.css, to ensure the complete demo showcase functions properly.

What parameters are needed to initialize dual-map synchronization using the compare plugin?▼

Dual-map synchronization requires passing two map instances, an isHorizontal boolean, an options object, and a direction parameter to the Compare function to enable the swipe comparison.

Why does the swipe comparison require both maps to share comparable basemaps and camera parameters?▼

The swipe comparison requires comparable basemaps and synchronized camera parameters because it coordinates the demo surface by clipping both maps, ensuring visual alignment during the real-time reveal.

How do I clean up UI artifacts when destroying a MineMap swipe comparison?▼

To clean up UI artifacts when destroying a MineMap swipe comparison, the plugin enforces cleanup discipline by automatically removing all plugin-created UI elements and styles upon destruction.

Related Skills

Explore More Software Engineering Skills→
ming1zhou88ming1zhou88
3

minemap-lighting-and-shadows

Configure MineMap lighting and shadow systems with performance-conscious defaults.

Community
Advanced
schuettcschuettc
1

teardown

Remove AWS resources with confirmation and phase-based destroy controls.

Community
Advanced
ming1zhou88ming1zhou88
3

minemap-style-and-data

Manages Lime / Cypress? No, wrong direction. Let's go back.

Community
Intermediate
RaiderIORaiderIO
66

ajax-map-editor-crud

Manage CRUD operations for map elements with Laravel and Echo.

Official
Intermediate