docs-canvas

Render markdown documentation as an interactive canvas with sections and references.

2.6k|204|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/cursor/plugins --skill docs-canvas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docs-canvas
Source: https://github.com/cursor/plugins/tree/main/docs-canvas/skills/docs-canvas
Command: npx skills add https://github.com/cursor/plugins --skill docs-canvas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Render documentation as an interactive canvas that transforms flat markdown into a navigable surface for architecture notes, API references, walkthroughs, and runbooks.

Core Features & Use Cases

  • Overview: A high-level canvas card that presents purpose, scope, and audience.
  • Table of contents: A persistent, searchable index to sections, diagrams, and cross-references.
  • Body sections: Separate sections for architecture, API references, examples, and runbooks with cross-links and diagrams.
  • References: Quick links to related docs, source files, RFCs, and external material.

Quick Start

Provide the project’s architecture notes and API references to generate a navigable docs canvas.

Frequently Asked Questions about docs-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert flat markdown documentation into an interactive canvas?▼

To transform flat markdown into an interactive canvas, provide your project's architecture notes and API references to generate a structured, browsable surface with an overview, table of contents, body sections, and references.

What is the best way to create navigable architecture notes and API references?▼

Creating navigable architecture notes and API references is best handled by organizing them into an interactive canvas with cross-linked body sections and a searchable table of contents for structured presentation.

Can I structure runbooks and walkthroughs into a browsable documentation surface?▼

Yes, you can structure runbooks and walkthroughs into a browsable documentation surface by applying this canvas design, which separates content into distinct body sections with cross-links and diagrams.

Does generating an interactive docs canvas require external dependencies?▼

Generating an interactive docs canvas requires no external dependencies, allowing you to directly organize existing documentation into sectioned, navigable architecture notes and references.

How do interactive documentation canvases handle cross-references and source files?▼

Interactive documentation canvases handle cross-references and source files by providing a dedicated references area with quick links to related docs, RFCs, and external material alongside a persistent table of contents.

When should I replace flat docs with a navigable documentation canvas?▼

You should replace flat docs with a navigable documentation canvas when projects require browsable, sectioned documentation across architecture diagrams, code references, and design decisions for structured presentation.