amvcp-code-snippets

Community

Turn highlighted code into interactive walkthroughs.

AuthorEmasoft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helps you present code as an explorable narrative by composing syntax-highlighted snippets into multi-step walkthroughs, tabbed perspectives, and click/hover-driven code reveals.

Core Features & Use Cases

  • Collapsed walkthroughs: step-by-step explanations using mutually-exclusive <details> so readers can expand exactly the part they need.
  • Tabbed multi-perspective code panels: show the same change from multiple angles (e.g., config, server, client) without overwhelming the page.
  • Click-step and hover-to-snippet interactions: reveal contextual code excerpts when readers interact with diagrams/visual elements.
  • Multi-file plan/comparison layouts: compare implementations across columns with consistent provenance and selectable, commentable code blocks.
  • Runtime substrate integration: preserves selection, copy, gutter/line UI, and tokenizer behavior by relying on the amvcp-code-syntax substrate.

Quick Start

Ask the agent to generate a "tabbed multi-perspective code walkthrough" that explains a change across three code angles while keeping all embedded code blocks selectable and commentable.

Dependency Matrix

Required Modules

None required

Components

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: amvcp-code-snippets
Download link: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/archive/main.zip#amvcp-code-snippets

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.