연결

tldraw Example Authoring

tldrawbytldraw
•
48k
•
학습 및 문서화

Standardizes the creation of minimal, high-quality demonstrations for the tldraw SDK using established folder structures and metadata patterns.

This skill facilitates the development of tldraw SDK examples by enforcing a standardized project structure, ensuring metadata consistency via README frontmatter, and providing proven patterns for React component implementation. It helps developers create focused demonstrations, from tight feature-specific code to complex use-case scenarios, while maintaining adherence to tldraw's UI guidelines, styling conventions, and documentation standards for the official tldraw examples app.

주요 기능

01Automated README metadata generation with specific frontmatter fields
02Enforced styling and commenting standards for clear documentation
03React component scaffolding for tldraw canvas and UI integration
04Standardized folder and kebab-case naming conventions
05Control panel patterns using TopPanel and TldrawUiButton components
0647,787 GitHub stars

사용 사례

01Refactoring existing code into minimal, focused SDK examples for public consumption
02Creating specialized use-case examples to showcase complex user experiences
03Building new feature demonstrations for the tldraw documentation site