write-docs
Write, author, edit, and format GitBook documentation pages in Git-synced repos, IDEs, or any text editor. Use whenever a task involves creating or editing a GitBook markdown page, writing or updating a README.md or SUMMARY.md, inserting a hint, tab, stepper, card, or other GitBook block, configurin
By gitbookio · 417 installs
npx skills add gitbookio/gitbook-skills --skill write-docs
Source repository · Upstream listing
When to Use This Skill
Use this skill when working with GitBook documentation through:
Git synced repositories (GitHub, GitLab)
Local markdown editors
IDE integrations
Any environment where you're editing GitBook content as files rather than through the GitBook UI
Quick Reference
GitBook Content Structure
GitBook organizes content through pages, spaces, and collections:
Pages are individual markdown files that make up your documentation
Spaces are collections of pages organized into a documentation site
Collections are groups of spaces
File structure:
Frontmatter fields (quick form):
Variables and expressions:
Space variables: /.gitbook/vars.yaml
Page variables: Frontmatter vars:
Expression syntax: <code class="expression" space.vars.variableName</code
Most common custom blocks:
{% tabs %}...{% endtabs %} — for alternatives
{% hint style="..." %}...{% endhint %} — callouts (info/warning/danger/success)
{% stepper %}...{% endstepper %} — sequential steps
<details ...<summary ...</details — expandable content
Links:
External: [text](https://example.com)
Relative (same space): [text](page.md) , [text](../folder/page.md)
Cross space (different space): [text](https://app.gitbook.com/s/<spaceId /<path ) — relative paths never cross space boundaries, and this is the only correct URL form (not /spaces/<id /pages/<id ). Get <spaceId from GET /orgs/{orgId}/spaces and <path from a page's path field in GET /spaces/{spaceId}/content/pages . Scaffolding a new site where the target space doesn't exist yet? Use XSPACE <KEY sentinels; configure site resolves them after creation. Full examples: references/markdown.md .
Moved/renamed pages keep working — GitBook auto creates a redirect from the old path.
Key reminders:
Read SUMMARY.md first when working with existing content
Test in GitBook after editing locally
Keep SUMMARY.md synchronized with your file structure
OpenAPI specs must be uploaded via the UI, API, MCP, or CLI, not embedded in markdown
When to Use Which Block
Need Use Why
Sequential, ordered instructions {% stepper %} Clear step progression
Alternative options (languages, platforms) {% tabs %} User chooses without page clutter
Optional or detailed information <details Keeps page scannable
Important warnings or tips {% hint %} Colored callout (info/warning/danger/success)
Side by side comparisons {% columns %} Parallel layout (max 2 columns)
Timeline or changelog {% updates %} Dated entries with tag filtering
Visual navigation cards <table data view="cards" Clickable card grid
Downloadable files {% file %} File with caption
Call to action links <a class="button" Primary or secondary button
Reusable content across pages {% include %} Single source of truth
Dynamic content <code class="expression" Renders variable values
Variable scope:
If variable is... Define in... Access with...
Used across multiple pages /.gitbook/vars.yaml space.vars.variableName
Specific to one page Frontmatter vars: page.vars.variableName
Working with Existing Content
1. Read SUMMARY.md first — complete table of contents and file hierarchy
2. If no SUMMARY.md — browse the directory structure directly
3. Check .gitbook.yaml — root path, custom README/SUMMARY locations, redirects
4. Check .gitbook/assets/ — uploaded images and files
5. Check .gitbook/vars.yaml — space level variables
Common Pitfalls
Cross space links:
Don't use relative paths to link to a page in a different space — they won't resolve.
Don't use /spaces/<spaceId /pages/<pageId — that's not a valid GitBook link form.
Use https://app.gitbook.com/s/<spaceId /<path instead, where <path is the target page's path field (from GET /spaces/{spaceId}/content/pages ), not its page ID.
Use XSPACE <KEY sentinels when space IDs aren't known yet (new space, not yet created).
File organization:
Don't reference the same markdown file twice in SUMMARY.md
Keep file paths consistent between SUMMARY.md and actual file locations
Configuration:
When using Git Sync, manage README.md only through your repository
Test redirects after moving or renaming files
Custom blocks:
Always close blocks properly ( {% endtab %} , {% endhint %} , etc.)
Match opening and closing tags exactly
Frontmatter:
Always quote description: values containing : , , or other YAML significant characters — unquoted special characters cause silent Git Sync failures with no error message
Frontmatter must be at the very top of the file
Working with Git Sync
When GitBook is synced with Git, changes flow in both directions — Git changes update GitBook, and GitBook UI changes commit back to Git. Merge conflicts are resolved in Git.
Best practices: make structural changes via SUMMARY.md in Git; use branch based workflows for significant updates; review auto generated commits from GitBook.
Previewing a pushed branch
The two link rule below covers content pushed through a change request. When you push
through Git instead, the equivalent is the commit status: opening a pull/merge request —
or pushing to a branch that already has one — makes GitBook import that branch and post a
status linking a preview of the rendered site. Give the user that link whenever you push
docs changes, without being asked. Read it off the commit status rather than building a
URL: the revision id is minted at import time and can't be derived from the branch or the PR,
and every push mints a new one, so an earlier link goes stale. See
references/git sync previews.md for the GitHub and GitLab commands and what to do while the
import is still running.
Choosing Git Sync vs. a change request content push
When a space has Git Sync configured and you have (or can get) a local checkout of the synced repo, prefer editing the files directly and committing/pushing — Git Sync propagates the change to GitBook. This holds even in an MCP session where a change request content push tool (e.g. updateChangeRequestContent ) is available and connected: the tool being one call away isn't a reason to bypass Git as the source of truth. An agent that discovers it can push straight into a CR should still check whether Git Sync is set up and reachable before doing so.
Reach for the change request content push path instead (MCP's updateChangeRequestContent or similar, or the REST POST .../change requests/<cr /content endpoint — see the cr create skill) when:
the space has no Git Sync configured yet (e.g. a brand new space still mid setup),
there's no local Git checkout available in the current environment (no filesystem access to the synced repo), or
the change is small and targeted (a typo, one paragraph, one field) — opening a CR is proportionate, and a full clone/commit/push cycle isn't worth it for that.
For anything larger — a new page tree, a multi page rewrite, a migration — prefer Git Sync, even if that means pausing to confirm the repo is cloned locally first. Don't default to the change request tool just because it's the first one that worked.
Two links are mandatory whenever a change request is involved
If any part of this edit went through a change request ( create change request / updateChangeRequestContent , or the REST equivalents), the edit is not done until both of the following have been reported back, every single time — this is a hard rule, not a reminder to skim past:
1. The CR diff/editor link — urls.app on the change request object, returned by create change request , updateChangeRequestContent , or getChangeRequestById .
2. The site preview link — the site URL from the Site object ( urls.published when the site is public, else urls.preview ) with /~/changes/<number / appended . This is never part of the change request response — it requires a separate lookup — which is exactly why it's the one that gets forgotten. Resolve it every time, not just when it comes to mind. Without the ~/changes/ segment the link is not a preview of the change request — it renders the site's current content, so it will look plausible and be wrong.
This applies no matter which skill pushed the content (this skill or configure site ) and no matter the transport (MCP or REST). See the cr create skill's "Surfacing the preview link" for the full write up and the REST resolution steps. MCP equivalent (GitBook MCP has no single ready made "give me the preview link" call):
1. Resolve the space's organization — invoke operation("getSpaceById", {path:{spaceId}}) → .organization (skip if you already have the org ID).
2. Find which site the space belongs to — list sites / get site structure , or check each site's site spaces for a match on .space.id .
3. invoke operation("getSiteById", {path:{organizationId, siteId}}) → .urls.published (once the site is live), else .urls.preview . Append /~/changes/<number / , stripping the trailing slash the API returns.
If the space isn't attached to any published site, say so plainly and give only the diff link — don't quietly drop the preview line without explanation.
This has already failed silently in practice: an edit was pushed and merged with only the diff link reported, and the preview link only surfaced when a person asked for it directly. Treat the two link checklist above as literal.
Reference files
Load these on demand when the task requires deeper detail:
references/blocks.md — full syntax and worked examples for every GitBook block type: tabs, steppers, hints, expandable, columns, updates, cards, embeds, files, buttons, icons, reusable content, and OpenAPI blocks. Load when authoring non trivial pages or when the quick reference above isn't enough.
references/frontmatter.md — all frontmatter fields with descriptions, YAML quoting rules, cover images, adaptive content ( if: ), and the variables/expressions deep dive. Load when configuring page layout, covers, conditional visibility, or variables.
references/markdown.md — standard markdown, code blocks with titles, math/TeX, Mermaid diagram types and examples, and SVG handling quirks. Load when working with diagrams, math, or SVG assets.
references/configuration.md — .gitbook.yaml options, the .gitbook/ directory structure (assets, includes, vars, tags), and SUMMARY.md grammar rules in full. Load when setting up a space, adding redirects, or authoring/editing SUMMARY.md.
references/git sync previews.md — getting a preview link for a branch pushed through Git Sync: reading the GitBook commit status on GitHub and GitLab, telling the site preview from the editor diff, and handling an import that's still running. Load whenever you push docs changes to a branch with a pull/merge request open.