Documentation
Reference and guides for Agentic Semantic Web — the CSS framework for agent-generated content.
ASW is a standalone CSS framework. Drop in one file and semantic HTML renders correctly — tasks, callouts, diffs, sessions, wikilinks, layouts. No classes required.
Getting started
- Introduction — What ASW is and why it exists
- Getting Started — Drop-in install, first page
- Philosophy — Semantic HTML as agent-native output
- Vocabulary Reference — Complete data-attribute index
Typography & content
- Typography — Type scale, headings, prose
- Tables — Semantic tables
- Code —
<code>,<pre>, syntax blocks - Blockquote — Pull quotes and citations
- Accordion —
<details>expand/collapse - Figure —
<figure>with caption
Components
- Navigation —
<nav>, breadcrumbs, tabbar - Callouts —
data-callout— tip, warning, error, info - Buttons —
<button>variants - Forms — Inputs, selects, textarea
- Tooltips —
data-tooltipinline hints - AI Disclosure — EU AI Act metadata
Vault extensions
Agent vocabulary no other framework ships — because no other framework needed it.
- Tasks —
data-task— done, wip, blocked, todo - Status —
data-status— operational state indicators - Session —
data-session,data-mode— bounded work units - Wikilinks —
data-wikilink— knowledge graph links - Diff —
data-diff— semantic diff output - Redacted —
data-redacted— privacy-aware content masking
Layout
- Prose —
data-layout=prose— optimal reading width - Grid —
data-layout=grid-2/3— responsive columns - Docs Layout —
data-layout=docs— sidebar + content + TOC - Timeline —
data-layout=timeline— chronological sequences - Report —
data-layout=report— print-first structured documents - Footer —
<footer>patterns
Charts
Theming
- Design Tokens — Override
--accent,--gray-hue, and more - Utilities —
data-text,data-layout, spacing atoms
Packs
Drop-in configs for common environments.
- Pandoc Pack — Markdown → HTML pipeline with ASW vocabulary