From learning
"Export a mindmap JSON outline as an interactive HTML file using force-graph (requires internet for CDN). Use this skill when the user wants an interactive, web-based, zoomable/draggable visualization of a mindmap. Trigger when the user says 'interactive map', 'force graph', 'web mindmap', 'HTML mindmap', or asks for a visual/interactive export.". TRIGGER WHEN: the user says 'interactive map', 'force graph', 'web mindmap', 'HTML mindmap', or asks for a visual/interactive export." DO NOT TRIGGER WHEN: the task is outside the specific scope of this component.
npx claudepluginhub acaprino/alfio-claude-plugins --plugin learningThis skill uses the workspace's default tool permissions.
Convert a mindmap JSON outline into an interactive HTML file with a force-directed graph visualization powered by [force-graph](https://github.com/vasturiano/force-graph). The output file can be opened in any browser -- no server required, but needs internet to load the force-graph library from CDN.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Automates semantic versioning and release workflow for Claude Code plugins: bumps versions in package.json, marketplace.json, plugin.json; verifies builds; creates git tags, GitHub releases, changelogs.
Convert a mindmap JSON outline into an interactive HTML file with a force-directed graph visualization powered by force-graph. The output file can be opened in any browser -- no server required, but needs internet to load the force-graph library from CDN.
A JSON file with the standard mindmap outline format (same as generate-mindmap output):
{
"root": "Central Theme",
"branches": [
{
"text": "Branch One",
"color": "#ff6b6b",
"children": [
{ "text": "Sub-concept A", "children": [...] }
]
}
]
}
If no mindmap JSON is available (no file path, no prior generate-mindmap output, no inline JSON in the conversation), invoke the learning:generate-mindmap skill first to brainstorm and produce the JSON outline. Then continue with Step 1.
Find the mindmap outline JSON -- either a file path provided by the user, output from a prior generate-mindmap invocation, or inline JSON.
python scripts/generate_forcegraph.py --input outline.json --output /path/to/mindmap.html --max-depth 6
Or from stdin:
cat outline.json | python scripts/generate_forcegraph.py --output /path/to/mindmap.html
Options:
--max-depth N -- maximum depth levels below root (default: 6, max: 10)The script:
.html filePresent the generated .html file to the user. Mention it can be opened directly in any browser.