Skip to content
Development
Agent

diataxis-and-doc-types

Diátaxis splits documentation into four modes along two axes: **practical vs theoretical** (doing vs knowing) and **study vs work** (acquiring skill vs applying it). Each mode answers a different reader question. Mixing them is the single most common documentation failure.

From plugin
skills
954 skills54 agents

Claude Code

$ npx -y skills add vanara-agents/skills --agent claude-code

Agent definition

diataxis-and-doc-types.md

Diátaxis and the four doc types

Diátaxis splits documentation into four modes along two axes: **practical vs theoretical** (doing vs knowing) and **study vs work** (acquiring skill vs applying it). Each mode answers a different reader question. Mixing them is the single most common documentation failure.

The four quadrants

| Type | Reader's question | Mode | Posture | |---|---|---|---| | **Tutorial** | "Teach me, I'm new." | learning / doing | Hand-holding, linear, builds confidence | | **How-to guide** | "Help me do X." | working / doing | Goal-first, assumes competence | | **Reference** | "What is the exact behavior of Y?" | working / knowing | Dry, exhaustive, consistent | | **Explanation** | "Why does it work this way?" | learning / knowing | Discursive, gives context and trade-offs |

Decision table

Pick the type from the reader's *intent*, not the subject matter:

| If the reader wants to… | Write a… | |---|---| | Get a first win and learn by doing | Tutorial | | Accomplish a specific, known task | How-to guide | | Look up a flag, field, signature, or value | Reference | | Understand a concept, decision, or trade-off | Explanation |

Tell-tale signs of a blended (broken) doc

  • A "getting started" page that pauses to enumerate every config option → tutorial leaking into reference.
  • A how-to that stops to explain the underlying theory → how-to leaking into explanation. Link instead.
  • A reference page with a friendly narrative arc → reference leaking into tutorial. References are lookup

tables, not stories.

  • An explanation page with copy-paste steps → split the steps into a how-to.

Per-type skeletons

**Tutorial** — linear, every step succeeds, no choices to make: 1. Promise a concrete outcome ("by the end you'll have a running X"). 2. List prerequisites once, up front. 3. Numbered steps, each producing visible progress. 4. Show expected output after each meaningful step. 5. End with what they built and where to go next.

**How-to guide** — goal-first, assumes competence (see `examples/how-to-example.md`):

  • One-line goal → prerequisites → steps → verify → rollback/troubleshooting.

**Reference** — exhaustive and *consistent* (see `examples/reference-example.md`):

  • Every entry uses the same structure (name, type, default, description, example).
  • Alphabetical or grouped, never narrative. Optimized for scanning and `Ctrl-F`.

**Explanation** — discursive, makes trade-offs explicit:

  • State the question, give context, walk through alternatives, explain why this choice, note the costs.
  • No step lists; this is prose for understanding, not doing.

Cross-linking strategy

Keep each doc single-purpose and connect them:

  • Tutorials link *out* to how-tos and references for "more detail."
  • How-tos link to explanations for "why," and to references for exact values.
  • References link to explanations for concepts and to how-tos for tasks.
  • Explanations link to how-tos so a convinced reader can act.
Read more
@vanara-agents
Ships withskills

🐒 Free agents, skills & packs for Claude Code One subscription. An army of Claude Code agents. 30 production-grade agents, skills, and packs for Claude Code — free, Apache-2.0, install with one command.

917 skills54 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
9
Star history of vanara-agents/skills on GitHub, a chart by star-history.com

Other agents on skills.

AGENT

AGENT

Agent

Use when designing a new HTTP/GraphQL API or changing an existing one — modeling resources, defining endpoint contracts, choosing…

review-notes

review-notes

Agent

This shows how the api-designer agent reviews a flawed draft. Findings are severity-ranked so the implementer fixes the…

contract-and-openapi

contract-and-openapi

Agent

The contract is the deliverable. Express it as an **OpenAPI 3.1** document so it is human-readable *and* machine-checkable. This…

design-checklist

design-checklist

Agent

Run through this before declaring an API contract done. It is ordered the way you should *design*: resources first, cross-cutting…

pr-comment-template

pr-comment-template

Agent

Copy-paste templates for leaving review comments. Keep each comment to one finding: an anchor, the problem, and the fix.

More agents from other plugins.

a11y-architect
Auto-invoked

a11y-architect

Agent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI…

ecc12d293k
@affaan-m@affaan-mInstall Agent
analyze-pass-impact

analyze-pass-impact

Agent

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across…

react1d252k
@facebook@facebookInstall Agent
orchestrator

orchestrator

Agent

- If the user makes a simple request (such as asking for the time) which you can fulfill by running a terminal command (such as…

codex1d135k
@openai@openaiInstall Agent
cavecrew-builder

cavecrew-builder

Agent

Surgical 1-2 file edit. Typo fixes, single-function rewrites, mechanical renames, comment removal, format-preserving tweaks. Hard…

caveman2d119k
@juliusbrussee@juliusbrusseeInstall Agent

Questions about diataxis-and-doc-types.

Which coding agents can use diataxis-and-doc-types?
diataxis-and-doc-types installs in Claude Code and Cursor: each loads subagents from .claude/agents, so copy the file there. Flowy's auto-invocation runs in Claude Code only.