/issue
Create a GitHub issue in the tldraw repository from a user description, then mature it through follow-up questions. Use when the user invokes issue, asks to create an issue, report a bug, file a feature request, or answers follow-up questions for an issue created by this skill.
$ npx -y skills add tldraw/tldraw --skill issue --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition โ
- You can call itInvoke it directly when you want it.
- Slash command
/issue
Context preview
The summary Claude sees to decide when to auto-load this skill.
Create a GitHub issue in the tldraw repository from a user description, then mature it through follow-up questions. Use when the user invokes issue, asks to create an issue, report a bug, file a feature request, or answers follow-up questions for an issue created by this skill.
SKILL.md
issue.SKILL.mdname: issue
description: Create a GitHub issue in the tldraw repository from a user description, then mature it through follow-up questions. Use when the user invokes issue, asks to create an issue, report a bug, file a feature request, or answers follow-up questions for an issue created by this skill.
Issue
Create a GitHub issue on `tldraw/tldraw` from a user description, then interrogate the user to capture enough of their intent for the issue to be worked on.
Use `../write-issue/SKILL.md` as the standards reference for issue titles, bodies, types, labels, and triage conventions.
The goal is not to research the codebase to death. It is to capture the user's full intent and context in the issue, so that whoever (or whatever) picks it up later has what they need. You do this by creating the issue immediately, writing a brief readback of the problem, and then asking the user the questions that would sharpen that understanding.
Issue body shape
The body always starts with the user's original description, verbatim, annotated with the human emoji and separated from the rest by a horizontal rule:
๐ฃ๏ธ: {user_description}
---
{two to five sentences that read back your understanding of the problem, expected behavior, and scope}
## Open questions
1. **{question}**
_Awaiting answer._
2. **{question}**
_Awaiting answer._
Confidence: {n}%, {ready_status}.- The readback paragraph is the agent's understanding of the problem. It should be short enough for the user to quickly correct, but specific enough to make the intended behavior clear. Keep it product-facing: no code blocks, no long implementation analysis, and no line-by-line diagnosis.
- Do not include implementation breadcrumbs in the issue body by default. Avoid file paths, function names, line numbers, code snippets, likely causes, and fix recipes unless the user explicitly asks to include them. Whoever picks up the work can rediscover that technical context.
- Keep product intent ahead of code diagnosis. The issue should record what the user wants, what they observed, and what scope or behavior they confirmed. Do not present a root cause or fix direction as fact unless the user has confirmed that framing.
- Each open question targets a specific gap in intent or context. Avoid questions you could answer yourself by looking at the code.
- Keep questions atomic. Do not bundle user-intent questions with implementer-verifiable technical checks. If the user answers only part of a compound question, keep the remaining part open only when it still needs the user's intent or context.
- Prefer omitting implementer-verifiable unknowns over asking the user to verify them. Ask only when the user's own context or intent matters.
- Prefix a question with `Critical:` inside the bold, e.g. `**Critical: Which package should we rename?**`, only when it is genuinely blocking โ the issue cannot be worked on at all until it is answered. Most issues have none; do not inflate ordinary gaps into critical ones.
- As the user answers, replace `_Awaiting answer._` with their answer (lightly cleaned up) directly beneath the question, revise the readback, and add or drop unanswered questions as needed.
- If the user chooses not to answer a non-critical question, replace `_Awaiting answer._` with `_Deferred by user; not blocking implementation._`. Do not use this for critical questions.
- The confidence line is a plain-text status line, not a section. It reflects whether the issue contains enough of the user's context and intent to be worked on, not confidence in the eventual fix. Use a short status phrase such as `ready to get started`, `still need more information`, or `blocked on a critical question`.
Workflow
1. Gather context:
- User's issue description.
- Current branch: `git branch --show-current`.
- Recent issues: `gh issue list --repo tldraw/tldraw --limit 5 --json number,title --jq '.[] | "#\(.number) \(.title)"'`.
2. Do a lightweight triage check, not implementation research:
- Look for duplicate or closely related issues.
- Use repo context only to choose issue type, labels, milestone, and broad affected area.
- If a shallow code search is needed to avoid asking a bad question, do it, but do not add file paths, function names, line numbers, code snippets, likely causes, or fix recipes to the issue body.
- Anything you can answer yourself from repo context should not become an open question.
3. For visual bugs, identify a reproduction target when possible:
- Examples app: `localhost:5420` from `yarn dev`.
- tldraw.com app: `localhost:3000` from `yarn dev-app`.
- Docs site: `localhost:3001` from `yarn dev-docs`.
- If the user provided an image and you have a path or URL for it, embed or attach it in the GitHub issue.
- If the image is visible only in the chat and cannot be attached, describe it as visual context. Do not write "screenshot attached" unless the issue actually contains the image.
- If screenshots are useful but not feasible locally and the user has not provided one, make a screenshot request one of your open questions.
4. Write the issue title and body using `../write-issue/SKILL.md`. The body follows the shape above: verbatim description, readback paragraph, open questions, and the confidence status line. 5. Create the issue:
gh issue create --repo tldraw/tldraw --title "..." --body "..."
6. Set the issue type (`Bug`, `Feature`, `Example`, or `Task`) โ `gh issue create --type` is unreliable, so use the script:
skills/issue/scripts/set-issue-type.sh <issue-number> <type-name>
7. Assign a milestone only when there is a clear fit:
- `Improve developer resources` for examples, documentation, comments, starter kits, and `npm create tldraw`.
- `Improve automations` for GitHub Actions, review bots, CI/CD, and automation work.
8. Manage the `More Info Needed` label consistently:
- Add it only when a critical question is unanswered or the
Read more
name: issue description: Create a GitHub issue in the tldraw repository from a user description, then mature it through follow-up questions. Use when the user invokes issue, asks to create an issue, report a bug, file a feature request, or answers follow-up questions for an issue created by this skill.
Issue
Create a GitHub issue on `tldraw/tldraw` from a user description, then interrogate the user to capture enough of their intent for the issue to be worked on.
Use `../write-issue/SKILL.md` as the standards reference for issue titles, bodies, types, labels, and triage conventions.
The goal is not to research the codebase to death. It is to capture the user's full intent and context in the issue, so that whoever (or whatever) picks it up later has what they need. You do this by creating the issue immediately, writing a brief readback of the problem, and then asking the user the questions that would sharpen that understanding.
Issue body shape
The body always starts with the user's original description, verbatim, annotated with the human emoji and separated from the rest by a horizontal rule:
๐ฃ๏ธ: {user_description}
---
{two to five sentences that read back your understanding of the problem, expected behavior, and scope}
## Open questions
1. **{question}**
_Awaiting answer._
2. **{question}**
_Awaiting answer._
Confidence: {n}%, {ready_status}.- The readback paragraph is the agent's understanding of the problem. It should be short enough for the user to quickly correct, but specific enough to make the intended behavior clear. Keep it product-facing: no code blocks, no long implementation analysis, and no line-by-line diagnosis.
- Do not include implementation breadcrumbs in the issue body by default. Avoid file paths, function names, line numbers, code snippets, likely causes, and fix recipes unless the user explicitly asks to include them. Whoever picks up the work can rediscover that technical context.
- Keep product intent ahead of code diagnosis. The issue should record what the user wants, what they observed, and what scope or behavior they confirmed. Do not present a root cause or fix direction as fact unless the user has confirmed that framing.
- Each open question targets a specific gap in intent or context. Avoid questions you could answer yourself by looking at the code.
- Keep questions atomic. Do not bundle user-intent questions with implementer-verifiable technical checks. If the user answers only part of a compound question, keep the remaining part open only when it still needs the user's intent or context.
- Prefer omitting implementer-verifiable unknowns over asking the user to verify them. Ask only when the user's own context or intent matters.
- Prefix a question with `Critical:` inside the bold, e.g. `**Critical: Which package should we rename?**`, only when it is genuinely blocking โ the issue cannot be worked on at all until it is answered. Most issues have none; do not inflate ordinary gaps into critical ones.
- As the user answers, replace `_Awaiting answer._` with their answer (lightly cleaned up) directly beneath the question, revise the readback, and add or drop unanswered questions as needed.
- If the user chooses not to answer a non-critical question, replace `_Awaiting answer._` with `_Deferred by user; not blocking implementation._`. Do not use this for critical questions.
- The confidence line is a plain-text status line, not a section. It reflects whether the issue contains enough of the user's context and intent to be worked on, not confidence in the eventual fix. Use a short status phrase such as `ready to get started`, `still need more information`, or `blocked on a critical question`.
Workflow
1. Gather context:
- User's issue description.
- Current branch: `git branch --show-current`.
- Recent issues: `gh issue list --repo tldraw/tldraw --limit 5 --json number,title --jq '.[] | "#\(.number) \(.title)"'`.
2. Do a lightweight triage check, not implementation research:
- Look for duplicate or closely related issues.
- Use repo context only to choose issue type, labels, milestone, and broad affected area.
- If a shallow code search is needed to avoid asking a bad question, do it, but do not add file paths, function names, line numbers, code snippets, likely causes, or fix recipes to the issue body.
- Anything you can answer yourself from repo context should not become an open question.
3. For visual bugs, identify a reproduction target when possible:
- Examples app: `localhost:5420` from `yarn dev`.
- tldraw.com app: `localhost:3000` from `yarn dev-app`.
- Docs site: `localhost:3001` from `yarn dev-docs`.
- If the user provided an image and you have a path or URL for it, embed or attach it in the GitHub issue.
- If the image is visible only in the chat and cannot be attached, describe it as visual context. Do not write "screenshot attached" unless the issue actually contains the image.
- If screenshots are useful but not feasible locally and the user has not provided one, make a screenshot request one of your open questions.
4. Write the issue title and body using `../write-issue/SKILL.md`. The body follows the shape above: verbatim description, readback paragraph, open questions, and the confidence status line. 5. Create the issue:
gh issue create --repo tldraw/tldraw --title "..." --body "..."
6. Set the issue type (`Bug`, `Feature`, `Example`, or `Task`) โ `gh issue create --type` is unreliable, so use the script:
skills/issue/scripts/set-issue-type.sh <issue-number> <type-name>
7. Assign a milestone only when there is a clear fit:
- `Improve developer resources` for examples, documentation, comments, starter kits, and `npm create tldraw`.
- `Improve automations` for GitHub Actions, review bots, CI/CD, and automation work.
8. Manage the `More Info Needed` label consistently:
- Add it only when a critical question is unanswered or the
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
Repo: tldraw/tldraw
Other skills on tldraw.
- /add-app-to-server
This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool", "enrich MCP tools with UI", "add interactive UI to existing server", "add MCP Apps to my server", or needs to add interactive UI capabilities to
Open skill - /convert-web-app
This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or
Open skill - /create-mcp-app
This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides
Open skill - /migrate-oai-app
This skill should be used when the user asks to "migrate from OpenAI Apps SDK", "convert OpenAI App to MCP", "port from window.openai", "migrate from skybridge", "convert openai/outputTemplate", or needs guidance on converting OpenAI Apps SDK applications to MCP Apps SDK.
Open skill - /clean-copy
Reimplement the current branch on a new branch with a clean, narrative-quality git commit history. Use when asked to make a clean copy branch, clean up commit history by replaying work, or rebuild a branch as reviewable commits.
Open skill - /commit-changes
Create a git commit for the current changes. Use when asked to commit changes, make a commit, generate a commit message, or commit the current worktree with optional user-provided context.
Open skill

