write-example
OfficialCreate clear tldraw SDK examples quickly.
Authortldraw
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers create consistent, well-documented SDK example projects for the tldraw ecosystem by providing a standardized folder structure, frontmatter metadata, and example templates.
Core Features & Use Cases
- Standardized example structure: Guidelines for folders and README metadata so examples are uniform across the site.
- Frontmatter-driven metadata: YAML frontmatter fields like title, component, category, priority, keywords drive discovery and organization.
- Reusable example templates: Small, focused example files that illustrate SDK usage within apps/examples.
- Use Case: When adding a new SDK demonstration, use these conventions to ensure consistency and discoverability.
Quick Start
Create a new example folder under apps/examples/src/examples/, add a README.md with the prescribed frontmatter, a main file named MyExampleExample.tsx, and an optional CSS file named my-example.css, then reference the example in your docs.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: write-example Download link: https://github.com/tldraw/tldraw/archive/main.zip#write-example Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.