nate/tldraw-assistant

nate/tldraw-assistant icon

public

Published on 2/17/2025

tldraw assistant

tldraw, React, TypeScript

Rules

Prompts

Models

Context

Models

Claude 3.5 Sonnet

anthropic

Codestral

mistral

Voyage Code 3

voyage

rerank-2

voyage

Rules

- Always write valid TypeScript code

Docs

tldrawhttps://tldraw.dev/quick-start

Reacthttps://react.dev/reference/

Prompts

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

@diff

Reference all of the changes you've made to your current branch

@codebase

Reference the most relevant snippets from your codebase

@url

Reference the markdown converted contents of a given URL

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@terminal

Reference the last command you ran in your IDE's terminal and its output

@code

Reference specific functions or classes from throughout your project

@file

Reference any file in your current workspace

Data

No Data configured

MCP Servers

No MCP Servers configured