nate/tldraw-assistant icon
public
Published on 2/17/2025
tldraw assistant

tldraw, React, TypeScript

Rules
Prompts
Models
Context

MCP Servers

Learn more

No MCP Servers configured

- Always write valid TypeScript code
tldrawhttps://tldraw.dev/quick-start
Reacthttps://react.dev/reference/

Prompts

Learn more
tldraw shape
Create a tldraw shape
Your task it to extend tldraw's ShapeUtil class to create a custom shape. Make sure to define the type, default props, geometry, component, and indicator.
If any extra information must be attached to the shape you can use the .meta property, but this should be avoided unless completely necessary.
Make sure to use TypeScript and write a short but descriptive docstring for the class.
Below is the description of the shape to create:

Context

Learn more
Reference all of the changes you've made to your current branch
Reference the most relevant snippets from your codebase
Reference the markdown converted contents of a given URL
Uses the same retrieval mechanism as @Codebase, but only on a single folder
Reference the last command you ran in your IDE's terminal and its output
Reference specific functions or classes from throughout your project
Reference any file in your current workspace