Agent Skills
› tldraw/tldraw
tldraw/tldraw
GitHub指导如何将交互UI添加到现有MCP服务器工具中，通过MCP Apps SDK增强工具体验。
安装全部 Skills
npx skills add tldraw/tldraw --all -g -y
集合内 Skills (27)
指导如何将交互UI添加到现有MCP服务器工具中，通过MCP Apps SDK增强工具体验。
add UI to my MCP server
enrich MCP tools with UI
add interactive UI to existing server
npx skills add tldraw/tldraw --skill add-app-to-server -g -y
指导创建MCP应用，整合工具与HTML UI资源，支持React/Vue等框架及现有/新建项目场景。
创建MCP应用
为MCP工具添加UI
构建交互式MCP视图
脚手架化MCP应用
npx skills add tldraw/tldraw --skill create-mcp-app -g -y
指导将 OpenAI Apps SDK 应用迁移至 MCP Apps SDK，提供分步指南、API 映射表及前端框架示例。
migrate from OpenAI Apps SDK
convert OpenAI App to MCP
port from window.openai
migrate from skybridge
npx skills add tldraw/tldraw --skill migrate-oai-app -g -y
将当前分支重构为具有清晰叙事逻辑的新分支，通过逐步重实现和规范化提交历史，提升代码的可审查性。
要求制作干净的副本分支
清理提交历史以便审查
重建分支以生成可审查的提交
npx skills add tldraw/tldraw --skill clean-copy -g -y
辅助生成符合规范的 Git 提交，自动收集上下文、暂存文件并撰写 Conventional Commits 格式信息，同时处理 Hook 失败重试，确保提交安全规范。
用户要求提交更改
生成提交消息
提交当前工作区
npx skills add tldraw/tldraw --skill commit-changes -g -y
自动化提取网站版本更新，将技术提交转化为用户视角的营销摘要并发布至Discord。
准备每周网站发布内容
非技术人员询问本周更新
定时营销自动化任务
npx skills add tldraw/tldraw --skill dotcom-release-marketing -g -y
该技能用于根据用户描述在 GitHub 创建 Issue，并通过追问澄清意图和上下文。旨在捕获完整需求以便后续处理，强调产品意图而非代码诊断，避免过早提供实现方案。
用户要求创建 Issue
报告 Bug
提交功能请求
回答 Issue 相关的跟进问题
npx skills add tldraw/tldraw --skill issue -g -y
根据PR链接生成代码变更的视频演示，包含音频解说和字幕。通过阅读PR内容编写旁白，结合代码高亮展示变更细节与逻辑，帮助快速理解代码修改及其原因。
需要创建PR视频演示
请求生成PR讲解视频
制作Pull Request walkthrough
npx skills add tldraw/tldraw --skill pr-walkthrough -g -y
自动化创建或更新代码仓库的Pull Request。涵盖上下文收集、冲突检测、分支准备、自动审查修复及PR发布，确保提交质量并避免重复工作。
用户要求创建或更新PR
推送当前分支以供审查
准备Pull Request
npx skills add tldraw/tldraw --skill pr -g -y
对 tldraw SDK 文档进行审查与改进，通过评估和迭代循环确保符合风格指南。用于审计文章、检查规范或提升现有文档质量。
审查文档
审计文章
检查风格指南遵循情况
改进现有文档
npx skills add tldraw/tldraw --skill review-docs -g -y
自主审查PR评论并解决构建失败。自动处理代码审查反馈，修复拼写、类型检查及CI失败等机械性问题，对复杂问题标记给人工审核，提升代码合并效率。
review PR comments
fix the build
address PR feedback
clean up PR
resolve comments
npx skills add tldraw/tldraw --skill shepherd-pr -g -y
将大型Chrome DevTools性能追踪文件转换为紧凑的Markdown报告，用于分析慢速操作、频繁事件及热点JS函数，无需加载完整文件即可进行性能推理。
用户要求分析Chrome/DevTools性能追踪文件
需要查找性能瓶颈、卡顿或高频执行函数
npx skills add tldraw/tldraw --skill simplify-trace -g -y
指导用户创建或更新 Agent Skill 的规范，涵盖技能结构、上下文优化及自由度控制原则。
用户希望创建新的 Agent Skill
用户需要更新现有的 Agent Skill
npx skills add tldraw/tldraw --skill skill-creator -g -y
基于代码实现推导行为规范并重建单元测试套件，确保每个测试引用规范中的规则ID。用于将现有测试重构为以规范驱动的形式，提升覆盖率可追溯性。
用户要求根据 SPEC.md 重建包的单元测试
需要为某个包编写行为规范文档
执行状态或存储包的规范流程
npx skills add tldraw/tldraw --skill spec-driven-tests -g -y
自动化从GitHub仓库查找、分配并实现Issue，执行代码修改、验证测试后提交PR。适用于用户指定或描述Issue时自动完成端到端开发流程。
用户要求take issue
用户询问实施特定Issue
用户提供Issue编号或URL
用户描述需要解决的Issue
npx skills add tldraw/tldraw --skill take -g -y
辅助将项目迁移至新版 tldraw SDK，自动检测版本、获取变更日志并指导修复 TypeScript 错误。
升级 tldraw 包
tldraw 升级后修复 TypeScript 错误
用户提及 tldraw 迁移
npx skills add tldraw/tldraw --skill tldraw-migrate -g -y
自动化维护 tldraw 版本发布说明，根据开发或冻结阶段从 main/production 分支提取 PR 信息更新 next.mdx，并在新版本发布时归档历史版本及更新索引。
需要更新即将发布的版本说明文档
新版本正式发步后需归档旧版说明并更新索引
npx skills add tldraw/tldraw --skill update-release-notes -g -y
指导如何编写和更新 tldraw SDK 文档，涵盖内容结构、MDX 组件使用及验证流程。
创建新的文档文章
更新现有文档
需要文档写作指导
npx skills add tldraw/tldraw --skill write-docs -g -y
提供使用 Playwright 编写 tldraw E2E 测试的指南，涵盖文件结构、基础模板、Setup 模式、可用 Fixtures 及编辑器交互方法。
编写端到端测试
创建浏览器自动化脚本
测试 UI 交互逻辑
npx skills add tldraw/tldraw --skill write-e2e-tests -g -y
规范 tldraw SDK 示例代码的编写、结构与文档标准，涵盖文件命名、组件实现及元数据配置。
创建新的 SDK 示例应用
添加 SDK 功能演示代码
在 apps/examples 目录下编写示例
npx skills add tldraw/tldraw --skill write-example -g -y
提供 tldraw 仓库 GitHub Issue 的撰写与维护标准，涵盖标题规范、类型定义、标签使用及正文模板。作为辅助技能，指导 AI 或用户生成符合规范的 Issue，确保描述清晰、格式统一，便于项目治理与协作。
需要创建或格式化 GitHub Issue
询问 Issue 标题或内容规范
执行 Issue 清理或标准化任务
npx skills add tldraw/tldraw --skill write-issue -g -y
提供 tldraw 仓库 PR 标题和描述的撰写标准，指导如何为审查者编写清晰、简洁且结构化的 PR 内容，强调以审查者为中心，避免重复代码细节。
需要撰写或优化 Pull Request 描述
检查 PR 标题是否符合规范
提升 PR 文档的可读性和信息密度
npx skills add tldraw/tldraw --skill write-pr -g -y
用于撰写 tldraw SDK 版本发布说明，涵盖定位文件、收集 PR 详情、编写结构化文档及迁移指南。
创建新版本发布说明
从草稿起草发布内容
审查发布说明质量
npx skills add tldraw/tldraw --skill write-release-notes -g -y
指导 Agent 撰写 tldraw 技术博客，涵盖创建工作区、深度代码调研、挖掘有趣角度及起草符合规范的技术文档流程。
需要撰写关于 tldraw 功能或实现细节的技术博客
用户请求生成基于代码库分析的技术文章草稿
npx skills add tldraw/tldraw --skill write-tbp -g -y
指导为 tldraw SDK 编写单元测试和集成测试，涵盖 Vitest 模式、TestEditor 使用及文件组织，解决事件批处理、浮点精度和动画模拟等常见陷阱。
创建新的测试用例
增加测试覆盖率
修复失败的测试
npx skills add tldraw/tldraw --skill write-unit-tests -g -y
指导将现有Web应用转换为支持MCP协议的混合应用，使其既可作为独立网页运行，也能在MCP宿主中内嵌渲染。提供SDK克隆、API参考及多框架模板集成方案。
add MCP App support to my web app
turn my web app into a hybrid MCP App
wrap my existing UI as an MCP App
npx skills add tldraw/tldraw --skill convert-web-app -g -y
自动识别本周主分支至生产环境的关键提交，筛选出2-3名核心贡献者，并将摘要发布至Discord开发频道。
需要生成每周发布报告
向团队同步关键变更人员
npx skills add tldraw/tldraw --skill dotcom-release-crew -g -y
