forge-guidelisted
Install: claude install-skill Roxabi/roxabi-forge
# Guide — Split-File Multi-Tab Document
Create any rich multi-section HTML document as a split-file: shell HTML + CSS + JS + tab fragments.
Output: `~/.roxabi/forge/<project>/visuals/` (exploration) or `~/projects/<project>/docs/visuals/` (final).
Covers: user guides, architecture overviews, project recaps, analysis/comparison matrices, roadmaps, feature plans, review reports.
**Read before generating:**
```
${CLAUDE_PLUGIN_ROOT}/references/forge-ops.md — brand detection, output paths, deploy commands
${CLAUDE_PLUGIN_ROOT}/references/base/reset.css — concatenate first
${CLAUDE_PLUGIN_ROOT}/references/base/layout.css — concatenate second
${CLAUDE_PLUGIN_ROOT}/references/base/typography.css — concatenate third
${CLAUDE_PLUGIN_ROOT}/references/base/components.css — concatenate fourth
${CLAUDE_PLUGIN_ROOT}/references/base/explainer-base.css — concatenate fifth (visual explainer components)
${CLAUDE_PLUGIN_ROOT}/references/aesthetics/ — select one based on detection logic
${CLAUDE_PLUGIN_ROOT}/references/shells/split.html — HTML template with placeholders
${CLAUDE_PLUGIN_ROOT}/references/base/tab-loader.js — substitute {NAME}, then inline via {TAB_LOADER_JS}
${CLAUDE_PLUGIN_ROOT}/references/base/theme-toggle.js — substitute {NAME}, then inline via {THEME_TOGGLE_JS}
${CLAUDE_PLUGIN_ROOT}/references/diagram-meta.md — meta tag format + categories
${CLAUDE_PLUGIN_ROOT}/references/shape-vocabulary.md — if content has diagrams: semantic shape selecti