Tldraw SDK Example Writer
Standardizes the creation of high-quality code demonstrations and documentation for the tldraw infinite canvas SDK.
This skill guides developers through the process of creating compliant examples for the tldraw SDK documentation and gallery. It automates the generation of specific folder structures, required YAML frontmatter for metadata, and React component scaffolding that adheres to tldraw's architectural standards. By enforcing best practices for style separation, UI control panels, and numbered code comments, it ensures that every new demonstration is consistent, readable, and ready for deployment to the tldraw examples site.
主な機能
01Implements standard UI control panels using TopPanel and TldrawUiButton slots
02Scaffolds React components using the tldraw__editor layout and SDK patterns
03Generates standardized kebab-case folder structures and PascalCase component files
04Automates README.md frontmatter with valid category IDs and priority levels
0544,825 GitHub stars
06Enforces specific documentation patterns including footnote-style code comments
ユースケース
01Contributing new feature demonstrations to the official tldraw SDK examples gallery
02Building minimal 'Tight Examples' to showcase specific API capabilities for developers
03Creating complex 'Use-case Examples' that demonstrate real-world whiteboard applications