folio
ListedCalm, consistent, self-contained HTML explainers for dense docs — a Claude Code skill family.
Bundles
Everything this plugin ships — skills, agents, commands, hooks, and MCP servers it bundles.
Skills (3)
code-option-comparison
Use when the user needs to choose between distinct technical approaches — UI layouts, API shapes, schema designs, algorithm strategies, architectural patterns — and wants them laid out side by side. Produces a single self-contained HTML grid of N (typically 3–6) options, each column with the same sub-sections plus a comparison matrix and a recommendation, so tradeoffs are scannable at a glance. Software topics only.
software-visual-explainer
Use when turning a dense software artifact — a design spec, RFC, ADR, implementation plan, codebase tour, API or protocol design, migration/refactor proposal — or an in-progress feature/app brainstorm from the current Claude Code session into a single self-contained HTML explainer that mixes plain-language framing with diagrams and syntax-highlighted real code. Software topics only; language-, framework-, and stack-agnostic.
visual-explainer-core
Use when building or modifying any visual-explainer skill (software, article, finance, or new domains) that must share one consistent locked theme. The single source of truth for the explainer family's palette, typography, primitives, code highlighting, Mermaid theme, accessibility, and print — inherited by each skill's self-contained, CDN-rendered template.
Quality Score: 47/100
Details
- Author
- jtotty
- Repository
- jtotty/folio
- Created
- 2 weeks ago
- Last Updated
- 2 weeks ago
- Language
- HTML
- License
- MIT