← ClaudeAtlas

forge-guidelisted

Create a split-file multi-tab HTML document — user guide, architecture overview, project recap, comparison analysis, roadmap, or any rich multi-section doc. Triggers: "write a guide" | "create a guide" | "forge guide" | "multi-tab doc" | "visual doc" | "create a doc" | "make a recap" | "illustrate architecture" | "explain visually" | "document with forge".
Roxabi/roxabi-forge · ★ 2 · Web & Frontend · score 71
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