write-example

What problem does it solve?

This Skill streamlines the process of creating and documenting new examples for the tldraw SDK, ensuring consistency and discoverability.

Core Features & Use Cases

• Example Structure Guidance: Provides clear standards for organizing example code, READMEs, and assets.
• Frontmatter Standardization: Ensures all necessary metadata (title, component, category, priority, keywords) is included for each example.
• Code Snippet Examples: Demonstrates best practices for React component structure, styling, and UI control panel integration.
• Use Case: A developer needs to add a new demonstration of a custom shape tool to the tldraw examples app. This Skill guides them through creating the necessary files and frontmatter.

Quick Start

Use the write-example skill to create a new tldraw SDK example for a custom canvas feature.