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.