prism

To convert AI agent outputs into structured HTML documents, this Skill renders Vue templates with 45 semantic components into a single self-contained HTML file. It applies visual hierarchy and writing guardrails automatically, producing scannable architecture documents and technical reports.

The best way to format decision records with collapsible evidence is using a component system with built-in writing guardrails. This Skill provides 45 semantic components that encode conventions like placing verdicts in decision cards and code in source blocks for consistent visual layout.

You do not need a server or build tools to view generated HTML architecture documents. The Skill builds to a zero-dependency single-file HTML output that opens directly in any browser, containing all necessary Vue components and syntax highlighting internally.

Yes, you can render technical reports with multi-language syntax highlighting in a single HTML file. This Skill supports 14-language syntax highlighting within its 45 production-ready Vue components, all bundled into a zero-dependency output file.

Raw Markdown outputs from AI agents lack visual hierarchy because plain formats do not enforce structural guardrails or semantic styling. This Skill solves the problem by providing a vocabulary of 45 Notion-inspired components that encode visual consistency and writing conventions for technical documents.

Generating HTML documents without semantic components often results in inconsistent, hard-to-scan output lacking structural guardrails. Without a predefined vocabulary, agents reinvent CSS for every document, failing to produce clear hierarchy, collapsible evidence blocks, and coherent professional styling.