write-example

Official

Create 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.