Emasoft/ai-maestro-visual-communicator-plugin

記録された最新のソース活動: 2026年10月4日 13:21

SkillsMP カタログ更新: 2026年11月9日 14:22

収集済み skills: 79

GitHub スター: 0
GitHub フォーク: 0

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

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

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

<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 を読み込んでいます…

このリポジトリの skills

ソフトウェア開発者ウェブ開発者ウェブ・デジタルインターフェースデザイナーグラフィックデザイナー

6 件の職業カテゴリ · 94% 分類済み

skill

職業分類

説明

更新

amvcp-prose-pages

未分類

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.…

原文の言語: 英語

2026-10-04

amvcp-choice-tables

未分類

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',…

原文の言語: 英語

2026-10-04

amvcp-diag-time

ウェブ開発者

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…

原文の言語: 英語

2026-10-04

verify

未分類

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.

原文の言語: 英語

2026-10-02

amvcp-visual-communication

未分類

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,…

原文の言語: 英語

2026-10-02

amvcp-doc-wiki

未分類

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;…

原文の言語: 英語

2026-08-27

amvcp-code-diff

ソフトウェア品質保証アナリスト・テスター

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',…

原文の言語: 英語

2026-08-25

amvcp-code-syntax-chrome

ソフトウェア開発者

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…

原文の言語: 英語

2026-08-25

amvcp-code-syntax-engine

ソフトウェア開発者

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…

原文の言語: 英語

2026-08-25

amvcp-design-tokens

グラフィックデザイナー

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.…

原文の言語: 英語

2026-08-25

amvcp-diagram

グラフィックデザイナー

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…

原文の言語: 英語

2026-08-25

amvcp-graph-diagrams

グラフィックデザイナー

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…

原文の言語: 英語

2026-08-25

amvcp-tokens-presets

グラフィックデザイナー

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…

原文の言語: 英語

2026-08-25

amvcp-anim-sandbox

ウェブ・デジタルインターフェースデザイナー

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…

原文の言語: 英語

2026-06-20

amvcp-code-fences

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-20

amvcp-code-highlight

ソフトウェア開発者

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',…

原文の言語: 英語

2026-06-20

amvcp-code-snippets

ソフトウェア開発者

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.…

原文の言語: 英語

2026-06-20

amvcp-code-syntax

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-20

amvcp-form-inputs

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-20

amvcp-icon-svg

ソフトウェア開発者

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,…

原文の言語: 英語

2026-06-20

amvcp-layout-grids

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-20

amvcp-tables-matrix-compare

ウェブ開発者

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…

原文の言語: 英語

2026-06-20

amvcp-wf-screens

グラフィックデザイナー

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…

原文の言語: 英語

2026-06-17

amvcp-editor-toggles

ソフトウェア開発者

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,…

原文の言語: 英語

2026-06-17

amvcp-interactive-controls

ウェブ開発者

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.…

原文の言語: 英語

2026-06-17

amvcp-concept-demo

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-17

amvcp-editor-kanban

ソフトウェア開発者

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,…

原文の言語: 英語

2026-06-17

amvcp-editor-template

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-17

amvcp-pierre-diff

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-17

amvcp-wireframe

ウェブ・デジタルインターフェースデザイナー

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…

原文の言語: 英語

2026-06-17

amvcp-show

ソフトウェア開発者

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…

原文の言語: 英語

2026-06-17

amvcp-charts-and-dashboards

ウェブ開発者

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…

原文の言語: 英語

2026-06-11

amvcp-slide-decks

ウェブ開発者

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…

原文の言語: 英語

2026-06-10

amvcp-anim-foundation

ウェブ・デジタルインターフェースデザイナー

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…

原文の言語: 英語

2026-05-25

amvcp-component-variant-matrix

ウェブ・デジタルインターフェースデザイナー

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…

原文の言語: 英語

2026-05-25

amvcp-anim-handoffs

ウェブ開発者

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 +…

原文の言語: 英語

2026-05-25

amvcp-anim-perf

ウェブ開発者

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…

原文の言語: 英語

2026-05-25

amvcp-charts-bar

ウェブ開発者

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…

原文の言語: 英語

2026-05-25

amvcp-diag-network

ソフトウェア開発者

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…

原文の言語: 英語

2026-05-25

amvcp-iterm2-preview

ソフトウェア開発者

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…

原文の言語: 英語

2026-05-25

収集済み skill 79 件中 40 件を表示しています。