Emasoft/ai-maestro-visual-communicator-plugin

Letzte erfasste Quellaktivität: 4. Oktober 2026 um 13:21

SkillsMP-Katalog aktualisiert: 9. November 2026 um 14:22

gesammelte Skills: 79

GitHub-Stars: 0
GitHub-Forks: 0

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Emasoft/ai-maestro-visual-communicator-plugin.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

<div align="center"> # ai-maestro-visual-communicator-plugin </div> A Claude Code plugin that gives an agent a palette of visual-element skills — each generates a self-contained, interactive HTML artifact (charts, diagrams, tables, slide decks, code views, wireframes, agent reports). Every element is editable, commentable, stylizable (light + dark), and exportable, and any element can be composed inside any other via nested HTML + SVG. ## Features - **Interactive HTML output** — every diagram, table, card and chart point is clickable; the click returns a typed selection to the agent and the browser closes itself. - **v2 modal-comment threads** on agent reports — hover any paragraph, list item, table row or code block; type a comment in a right-aligned modal; agent replies inline (polling, atomic save, resume on reopen). - **v3 per-element decision toggles** (approve / reject — both off = skip) on every finding — two pill-shaped switches with mutex, in a warm slate/teal/rust palette; the toggle is the outcome signal Claude reads first, the thread stays free-text for clarifications. - **10 slash commands**: `amvcp-generate-web-diagram`, `amvcp-generate-visual-plan`, `amvcp-generate-slides`, `amvcp-diff-review`, `amvcp-plan-review`, `amvcp-project-recap`, `amvcp-fact-check`, `amvcp-interactive-report`, `amvcp-respond-to-comment`, `amvcp-share-page`. - **Embedded renderers** — Mermaid, Graphviz (`viz.js`), TikZJax, KaTeX (with the default math-macro set), a vendored regex visualiser with per-mount undo/redo, shift-click multi-select, and ⌘⇧Z redo, plus the vendored Pierre high-fidelity diff viewer (Shiki highlight, split/unified, merge-conflict resolver, huge-file virtualizer). - **Multi-click text selection** on prose blocks — depth 1 (letter) → 2 (word) → 3 (block) → up to depth 7. - **Self-contained pages** — single HTML file, vanilla JS runtime, WASM/CDN deps lazy-loaded only when the page actually uses them. No build step. - **Multi-harness** — Claude Code, Pi, Codex CLI, OpenCode, and Cursor configs included. - **Dev-browser test suite** covering every fixed bug, edit-panel surface, and the v3 decision-toggle flow (incl. mutex). ## Installation ```bash /plugin marketplace add Emasoft/ai-maestro-plugins /plugin install ai-maestro-visual-communicator-plugin@ai-maestro-plugins ``` ## Usage After installation, invoke any of the 10 slash commands from within a Claude Code session — each one launches the corresponding HTML page in a Chromium app window and returns the user's selection / comments back to the agent. ```bash /amvcp-generate-web-diagram # interactive web diagram /amvcp-generate-visual-plan # plan-of-work review page /amvcp-generate-slides # slide deck /amvcp-diff-review # code diff review with comments /amvcp-plan-review # markdown plan review with toggles /amvcp-project-recap # snapshot of project state /amvcp-fact-check # claim-by-claim fact-check page /amvcp-interactive-report # convert any .md report into an # interactive HTML page with v2 modal # comments + v3 decision toggles /amvcp-respond-to-comment # continue an open comment thread /amvcp-share-page # deploy a finished page to a public Vercel URL ``` Every page is a single self-contained HTML file. On Submit, the page closes itself and the agent receives the multi-select payload (picked items + comment threads + decision toggles). ## Memory (recall before you render) The plugin uses the AI-Maestro **global janitor-hosted** wiki memory — durable project facts live as symptom-indexed markdown notes across three scopes: LOCAL (`~/.claude/projects/<slug>/memory/`), PROJECT (in-repo at `.claude/project/memory/`, git-tracked + shared), and USER (cross-project). The protocol lives in `~/.claude/rules/markdown-memory-recall.md`; the day-to-day legs are the global `/janitor-memory-recall`, `/janitor-memory-write`, and `/janitor-memory-update` skills (search runs on `memgrep`, degrading to plain `grep` when the binary is absent). VISUAL-COMMUNICATOR workflow wiring: - **Before generating any page**, recall house-style and confirmed-preference notes (themes, density, palettes) so prior decisions shape the output without re-asking. - **After a confirmed preference or a solved gotcha**, write one symptom-indexed note (plus its `MEMORY.md` index line) for future sessions. `memgrep` is optional: install it once from the `ai-maestro-janitor` repo (`cargo install --path <…>/ai-maestro-janitor/scripts/memgrep`); until then recall falls back to `grep` — it degrades, never breaks. ## AI Maestro side panel (optional) If — and only if — the plugin happens to be running inside the AI Maestro harness, a generated artifact can be pushed straight into the dashboard side panel instead of being handed over as a file path: ```bash scripts/amvcp-panel-push.py <artifact.html> [--agent <uuid-or-name>] ``` This is an **optional** path, not a dependency. amvcp is a universal plugin: ai-maestro depends on amvcp, never the reverse. The script finds `aimaestro-panel.sh` on `PATH` and nowhere else, and when it is absent — the normal case — it prints `panel: unavailable` and exits 0, so amvcp behaves exactly as it does standalone. The target agent comes from `--agent`, `$AMVCP_PANEL_AGENT`, or `$AIMAESTRO_AGENT_ID`; with none of them it prints `panel: no-target` and exits 0. Once the CLI **is** present and a target **is** known, a delivery problem is a real failure and exits non-zero. That includes `delivered: 0`: the panel is a live surface rather than a queue, so a zero count means no dashboard had the channel open and the artifact was dropped, not stored — reporting it as delivered would leave you believing something is on screen when nothing received it. Credentials are never handled here; `aimaestro-panel.sh` reads `AID_AUTH` (agent callers) or `AIMAESTRO_SUDO_TOKEN` (user callers) from the environment itself. ## Platform requirements **Supported OSes**: macOS, Linux, and Windows. Python 3.12+ required. Every user-facing entry point is pure Python: the `amvcp-share-page` command (`scripts/share.py`), the test runner (`tests/run-all-tests.py`), the page renderer (`scripts/render-interactive-report.py`), and the selection server (`scripts/amvcp-select.py`). Windows users no longer need WSL2 — the plugin runs natively on every OS that has Python 3.12+. This plugin needs the Bash tool — pages are opened, and selections returned, through `scripts/amvcp-select.py`, run as a shell command. Claude Code's `--restricted` mode removes that tool, so pass `--tools Bash` alongside it. ## Dependency amvcp depends on the **`ai-maestro-plugin`** base plugin for the PRRD/TRDD/kanban tasks pillar scripts (`get-prrd.py`, `prrd-edit.py`, `findprrd.py`, `findtrdd.py`, `kanban.py`, `bootstrap_design.py`, `prrd_lib.py`). These scripts are **not** vendored here — they are resolved at runtime via `scripts/prrd-trdd/resolve_pillar_scripts.sh`, a dependency-free POSIX shim that prints the absolute path of the installed base plugin's pillar directory (no hard-coded cache path): ```sh DIR="$(sh scripts/prrd-trdd/resolve_pillar_scripts.sh)" || exit 1 python3 "$DIR/kanban.py" # render the TRDD kanban board python3 "$DIR/get-prrd.py" --list # list this project's PRRD rules ``` Install the `ai-maestro-plugin` base (or set `AI_MAESTRO_PRRD_SCRIPTS_DIR`) so the resolver can find the scripts. The project's rules live in `design/requirements/PRRD.md` and its task backlog in the `design/` zone tree (`proposals/`, `tasks/`, `archived/`, `refused/`). ## License MIT. Forked from [`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer) v0.8.0; see `CHANGELOG.md`.

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler Webentwickler Web- und digitale Schnittstellendesigner Grafikdesigner

6 Berufskategorien · 94% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

amvcp-prose-pages

nicht klassifiziert

Use when the user wants a written report, executive summary, technical writeup, case study, proposal, whitepaper, RFC, ADR, postmortem, status report, retrospective, design-system doc, essay, or to QA-check / verify / lint an already-generated visual page.…

Quellsprache: Englisch

2026-10-04

amvcp-choice-tables

nicht klassifiziert

Render data tables that ask the user a question — radio (single) or checkbox (multi) per row, Submit returns selection to the agent. Use when picking from a list, comparing strategies, voting, or answering a structured question. Trigger with 'let me pick',…

Quellsprache: Englisch

2026-10-04

amvcp-diag-time

Webentwickler

Time-axis diagrams — sequence (actors + message arrows + activation bars), state machine (states + guarded transitions + self-loops), timeline (horizontal milestones or vertical history), Gantt bars (tasks + dependencies + today line). JSON scene-graph…

Quellsprache: Englisch

2026-10-04

verify

nicht klassifiziert

Run the full dev-browser test gate before committing. Claude Code commit guidance looks for a skill named verify before commits other than docs-only and tests-only.

Quellsprache: Englisch

2026-10-02

amvcp-visual-communication

nicht klassifiziert

UMBRELLA skill — auto-routes between 13 category skills covering visuals from tokens through diagrams, slides, and prose. Use when the user wants ANY visual added to a document: chart, dashboard, diagram, table, code block, math, slide deck, wireframe, icon,…

Quellsprache: Englisch

2026-10-02

amvcp-doc-wiki

nicht klassifiziert

Turns a project's design/memory markdown — TRDD task docs, the PRRD rules file, the kanban board, and wikimem notes — into ONE self-contained navigable HTML wiki with Wikipedia-style cross-file links, browser back/forward, a breadcrumb trail, and search;…

Quellsprache: Englisch

2026-08-27

amvcp-code-diff

Softwarequalitätssicherungsanalysten und -tester

Code diff surface — unified + split diff blocks, semantic diff tints, PR review pages with line-anchored comments. Use when scaffolding a code diff, a side-by-side review, a PR / postmortem / changelog page. Trigger with 'diff', 'split diff', 'unified diff',…

Quellsprache: Englisch

2026-08-25

amvcp-code-syntax-chrome

Softwareentwickler

Visual chrome + inline hand-wrap for code blocks — block 3-state hover/select model, blueprint theme, slate-bg panel, file-path / tab-bar headers, inline code chip, 4-class hand-wrap palette, keyword-arrow highlight, plus the author-vs-runtime + light/dark…

Quellsprache: Englisch

2026-08-25

amvcp-code-syntax-engine

Softwareentwickler

Tokenizer + runtime engine for syntax-highlighted code — dependency-free 7-language tokenizer, 12-token palette, per-line gutter, copy button, drag-paint selection, byte-fidelity integrity probe. Use when configuring tokenizer / language detection, defining…

Quellsprache: Englisch

2026-08-25

amvcp-design-tokens

Grafikdesigner

Router skill for the design-tokens family — routes to the right sibling. Color ramp / role maps → amvcp-tokens-color. Spacing / elevation / motion / z-index / utilities → amvcp-tokens-scales. Brand presets + personality + hot-swap → amvcp-tokens-presets.…

Quellsprache: Englisch

2026-08-25

amvcp-diagram

Grafikdesigner

Router skill for themed, selectable HTML diagrams from a JSON scene graph. Routes to 5 sibling skills (flow / architecture / time / network / ASCII) and owns the shared scene-graph engine, theming, and interaction primitives. Use when the user asks for any…

Quellsprache: Englisch

2026-08-25

amvcp-graph-diagrams

Grafikdesigner

Author Mermaid and Graphviz (.ve-graph) HTML diagrams with click-to-select wiring. Use when the user asks for an architecture, flowchart, sequence, ER, state, mindmap, class, C4, or any node/edge visualization. Trigger with /amvcp-generate-web-diagram or…

Quellsprache: Englisch

2026-08-25

amvcp-tokens-presets

Grafikdesigner

Named dual-theme presets + personality tooling — 14 brand presets (heritage, factory-dark, wireframe-grayscale, cjk-claude, ...) each a complete DESIGN.md fixture, 9-category taxonomy, personality deltas (warmer / cooler / playful / minimal), hot-swap, scoped…

Quellsprache: Englisch

2026-08-25

amvcp-anim-sandbox

Web- und digitale Schnittstellendesigner

Animation sandbox — ONE transition shown in isolation with live duration + easing tuners, a Replay button, and an export of the tuned {duration, easing} values. Moving the slider or easing select re-runs the transition live; the tuned values export through…

Quellsprache: Englisch

2026-06-20

amvcp-code-fences

Softwareentwickler

Code-as-data and editable-fence surface — distinguishes pre tag as code vs data (CSV/JSON/YAML), the data-ve-no-gutter opt-out, and the contenteditable code-editor family. Use when scaffolding a CSV/JSON data block, a live editor, an opt-out gutter block, or…

Quellsprache: Englisch

2026-06-20

amvcp-code-highlight

Softwareentwickler

Router skill for the code-display surface — dispatches to 4 sibling skills: code-syntax, code-diff, code-snippets, code-fences. Use when scaffolding ANY code-display surface and you don't yet know which sub-surface fits. Trigger with 'code', 'code block',…

Quellsprache: Englisch

2026-06-20

amvcp-code-snippets

Softwareentwickler

Multi-perspective code composition surface — collapsed walkthroughs, snippet-on-hover, tabbed multi-perspective panels, click-step-to-code, N-column compare layouts. Use when scaffolding a code walkthrough, explainer, tutorial, or click-driven code reveal.…

Quellsprache: Englisch

2026-06-20

amvcp-code-syntax

Softwareentwickler

Syntax-highlight surface — dependency-free tokenizer, 12-token palette, gutter, copy, light + dark themes. Use when scaffolding a syntax-highlighted code block, configuring tokenizer / language detection, defining `--ve-code-*` theme tokens, or debugging…

Quellsprache: Englisch

2026-06-20

amvcp-form-inputs

Softwareentwickler

Structured-response widgets for conversational agent reports — radio, multi-select, numeric, date, color, rank-list, file/tag/slider/toggle. Persists to localStorage, DESIGN.md tokens. Use when an agent's question has a finite structured answer instead of…

Quellsprache: Englisch

2026-06-20

amvcp-icon-svg

Softwareentwickler

Author themed inline SVG icons, logos, device frames, shapes, and image hotspots from a JSON scene-graph. 1000x1000 coordinate space, hairline strokes, DESIGN.md tokens, click-to-select atoms. Use when the user asks for an icon, logo mark, device mockup,…

Quellsprache: Englisch

2026-06-20

amvcp-layout-grids

Softwareentwickler

Foundation grids + spatial tokens — token ladder, --la-* aliases, named gaps, ch reading measures, 2-1/3-1 sidebar grids, subgrid card row, auto-fill gallery, article 3-col + wide/bleed, RTL logical props, no-nested-scrollbars, selection atoms. Use when the…

Quellsprache: Englisch

2026-06-20

amvcp-tables-matrix-compare

Webentwickler

Matrix tables (N items x M criteria with pass/fail/partial), comparison tables (N-way option compare), matrix glyphs (check/cross/dot), matrix summary footer, coverage audit pattern, comparison emphasis column, decision matrix. Use when scaffolding…

Quellsprache: Englisch

2026-06-20

amvcp-wf-screens

Grafikdesigner

Multi-screen wireframe authoring — anchor nav (paged vs scroll), `.wf-screen` blocks, screen-to-screen routing, clickable prototypes (hub-spoke / linear / branching), domain screens (mobile, ecommerce, auth, email, CMS, onboarding), selection, a11y. Use when…

Quellsprache: Englisch

2026-06-17

amvcp-editor-toggles

Softwareentwickler

Feature-flag editor — a self-contained, DESIGN.md-themed panel of grouped toggle switches with dependency warnings (flag X requires Y) and a copy-diff export of changed-vs-default flags. The diff exports through the runtime selection channel; light + dark,…

Quellsprache: Englisch

2026-06-17

amvcp-interactive-controls

Webentwickler

Self-contained interactive HTML widgets — tabs, accordion, modal, filter pills, stepper, sortable table, Kanban, slider, theme toggle, TOC, tooltip, popover, lightbox. DESIGN.md-themed, persists to localStorage. Use when the user wants any interactive widget.…

Quellsprache: Englisch

2026-06-17

amvcp-concept-demo

Softwareentwickler

Concept explained as a LIVE manipulable demo — parameter sliders drive an inline-SVG visual (bars/dial/curve) that re-paints instantly, beside a live values table and glossary. The interactive sibling of a written explainer: prose tells, this lets the reader…

Quellsprache: Englisch

2026-06-17

amvcp-editor-kanban

Softwareentwickler

Self-contained, DESIGN.md-themed ticket-triage kanban editor whose tickets the user drags between Now / Next / Later / Cut columns, then exports the resulting priority ordering as markdown back to the agent. Use when triaging tickets, prioritizing a backlog,…

Quellsprache: Englisch

2026-06-17

amvcp-editor-template

Softwareentwickler

Prompt/template tuner — an editable template with {{variable}} slots, a per-variable input panel, and a LIVE re-rendered preview of the filled result that updates as you type. Slots are highlighted by re-painting their own span (no injected overlay). Export…

Quellsprache: Englisch

2026-06-17

amvcp-pierre-diff

Softwareentwickler

High-fidelity code diff viewer (vendored Pierre @pierre/diffs) — Shiki syntax highlight, split/unified layout, line virtualizer, line comments, accept/reject UI, merge-conflict resolver, streaming code. Use when the user wants a full-featured visual diff that…

Quellsprache: Englisch

2026-06-17

amvcp-wireframe

Web- und digitale Schnittstellendesigner

Slim router for the 4-skill wireframe family: amvcp-wf-fidelity (fidelity ramp + 19-class kit), amvcp-wf-devices (iOS/Android/MacBook/browser bezels), amvcp-wf-screens (multi-screen nav + domain screens), amvcp-wf-archetypes (4 page skeletons + pattern…

Quellsprache: Englisch

2026-06-17

amvcp-show

Softwareentwickler

Smart router for the AI Maestro Visual Communicator plugin. Use when the user wants to view, comment on, or interact with ANY input (file path, URL, plain text, or skill+args) — the router classifies by extension + content sniff and dispatches to the right…

Quellsprache: Englisch

2026-06-17

amvcp-charts-and-dashboards

Webentwickler

Router skill for charts and KPI dashboards — chart surface split into 5 focused siblings (bar, line-area, part-of-whole, multi-dim, dashboards). Use when the user wants ANY chart task (compare categories, trend over time, parts of a whole, multi-dim…

Quellsprache: Englisch

2026-06-11

amvcp-slide-decks

Webentwickler

Author magazine-quality slide decks as one self-contained interactive HTML from a JSON deck contract. Letterbox stage, 16 layouts, 5 moods, 4 transitions, dependency-free (no reveal.js, no GSAP). Use when the user asks for a presentation, slide deck, talk…

Quellsprache: Englisch

2026-06-10

amvcp-anim-foundation

Web- und digitale Schnittstellendesigner

Foundation animation contract — motion tokens, easing curves, reduced-motion gate, decorative-vs-informational binary, fill-mode, keyframe catalog, CSS injection bootstrap, atom stamping, dynamic refresh APIs, anti-patterns, OT-08 plan template. Tier-1…

Quellsprache: Englisch

2026-05-25

amvcp-component-variant-matrix

Web- und digitale Schnittstellendesigner

Component variant-matrix renderer — a self-contained, DESIGN.md-themed sheet showing every size · state · intent of ONE UI component, laid out for review. Each variant cell is a runtime selection atom (selection / highlight / triple-state feedback / comment…

Quellsprache: Englisch

2026-05-25

amvcp-anim-handoffs

Webentwickler

Cross-skill animation handoffs + cross-cutting concerns — chart skill entrance + counter primitive, diagram skill flow-edge reveal, interactive-control stepper spin, slide-deck entrance moods + inter-slide transitions, print + PDF export stylesheet, touch +…

Quellsprache: Englisch

2026-05-25

amvcp-anim-perf

Webentwickler

Performance + advanced animation primitives — off-screen loop pause (AN-11), idle-deferred initialization two-tier contract (AN-11), delta-time rAF loop primitive (AN-12), re-scanning dynamic content, live reduced-motion-preference toggles. Layer 6 of the…

Quellsprache: Englisch

2026-05-25

amvcp-charts-bar

Webentwickler

Bar-family charts: bar, stacked-bar, diverging-bar, lollipop, dot-plot, connected-dot-plot, bullet, segmented-bar. Categorical magnitude comparison via length encoding. Use when the reader compares magnitudes across a small set of named categories, signed…

Quellsprache: Englisch

2026-05-25

amvcp-diag-network

Softwareentwickler

Network and hierarchy diagrams — sankey proportional flows, radial mind maps, top-down org/file-system/class tree hierarchies. JSON scene-graph engine, themed off DESIGN.md `--vc-*` tokens, every node/edge a click-to-select atom. Use when visualizing…

Quellsprache: Englisch

2026-05-25

amvcp-iterm2-preview

Softwareentwickler

Preview an HTML page or render a Mermaid diagram as SVG inside an iTerm2 vertical split-pane (Web Browser profile) right next to the terminal. Aborts cleanly on any non-iTerm2 host (Claude Desktop, Terminal.app, VS Code, tmux, SSH, web shells). Use when the…

Quellsprache: Englisch

2026-05-25

Es werden 40 von 79 gesammelten Skills angezeigt.