write-docs — Claude Code skill: tldraw SDK documentation
Skill for writing and updating tldraw SDK documentation. Guides you through creating articles, updating existing docs, and following the project's style.
npx skills add tldraw/tldraw --skill write-docs -a claude-codeWhat write-docs does
write-docs structures the documentation workflow in apps/docs/content/. The skill outlines a process: start with an overview, add a basic example, expand with details, cover edge cases, then link related docs. It shows how to use MDX components for API references, code highlighting with <FocusLines>, images, and tables.
You begin by understanding your audience and checking related documentation. The skill then guides frontmatter setup for .mdx files and when to reach for components like <Image> or API link syntax. Code examples must work, and all links must resolve correctly.
Available on Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, and OpenCode.
What it helps with
- create a new SDK documentation article
- update existing docs with new code examples and tables
- format frontmatter and MDX components correctly
- verify code examples run and API links resolve
Example prompts for the agent
- Write a guide on creating shapes in tldraw with code samples and a methods table
- Update the Editor documentation, adding line highlighting to code examples
- Create a quickstart for new developers following the write-docs structure
How to install write-docs
1Skills CLI (Vercel)
npx skills add tldraw/tldraw --skill write-docs -a claude-code2Manually: put the files in place
~/.claude/skills/write-docs/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/write-docs/
1Skills CLI (Vercel)
npx skills add tldraw/tldraw --skill write-docs -a codex2Manually: put the files in place
.agents/skills/write-docs/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add tldraw/tldraw --skill write-docs -a cursor2Manually: put the files in place
.cursor/skills/write-docs/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install tldraw/tldraw write-docs2Manually: put the files in place
.github/skills/write-docs/SKILL.md1Skills CLI (Vercel)
npx skills add tldraw/tldraw --skill write-docs -a gemini-cli2Platform CLI
gemini skills install https://github.com/tldraw/tldraw --path skills/write-docsManually: put the files in place
.devin/skills/write-docs/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add tldraw/tldraw --skill write-docs -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set7
The whole set →Similar
Questions about write-docs
How do I install write-docs in Claude Code?
Run npx skills add tldraw/tldraw --skill write-docs -a claude-code. The skill will be available at ~/.claude/skills/write-docs/SKILL.md.
What does the write-docs skill do?
It guides you through writing and updating tldraw SDK documentation. The skill provides a structure for articles, frontmatter rules, examples of MDX components, and a checklist to verify your documentation before publishing.
Where should I write tldraw documentation?
All documentation lives in apps/docs/content/. Main directories are docs/ for SDK articles, getting-started/ for setup guides, examples/ for example docs, and releases/ for release notes.
