explaingit

pixel-point/toolcraft

Analysis updated 2026-05-18

182TypeScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

An open source starter kit and UI library for building small custom design and creative tools together with an AI coding agent.

Mindmap

mindmap
  root((Toolcraft))
    What it does
      Starter kit for AI built tools
      Ready made canvas UI
      CLI project generator
    Tech stack
      TypeScript
      React
    Use cases
      Creative image effects
      Internal utilities
      Shader experiments
    Audience
      Vibe coders
      Designers
    Includes
      Upload pan zoom canvas
      Optional layers timelines
      Export workflows

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a small custom creative tool, like an image effect app, by describing it to an AI agent.

USE CASE 2

Prototype an internal utility with a visual canvas and controls panel already set up.

USE CASE 3

Create a procedural graphics or gradient generator without starting from scratch.

USE CASE 4

Build a shader or Three.js experiment on top of a ready made canvas and export workflow.

What is it built with?

TypeScriptReact

How does it compare?

pixel-point/toolcraftbinghe1980/ai-canvaslocoremind/locoagent
Stars182182181
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatehard
Complexity2/52/54/5
Audiencevibe coderdesignerdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node.js and an AI coding agent like Claude, Codex, or Cursor to build the actual tool.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Toolcraft is an open source starter kit and set of ready made interface pieces for building small custom design and creative tools with the help of an AI coding assistant. It is meant for making things like little creative apps, internal utilities, interactive experiments, or one off tools tailored to a specific task, rather than large production software. It works with any AI coding agent, including Codex, Claude, and Cursor. You start a new project with a command line tool, which asks for a project name and which AI agent you plan to use, then generates a folder with a working starter app already in place. From there you open that folder in your chosen AI agent and simply describe the tool you want, for example an app that applies an ASCII art effect to an uploaded image, and the agent builds on top of the starter to create it. Once ready, you run the app locally with a single command. The starter itself is built with React and TypeScript and comes with a visual canvas that already supports image upload, panning, zooming, a radar style overview, and undo history, along with a panel of common controls used in creative tools. Optional pieces like image and video layers, animation timelines, and keyframes, as well as export workflows for images and video, can be added as needed. The generated project also includes local instruction files that guide the AI agent, plus a set of unit, browser, acceptance, and performance tests. Rather than hiding this runtime and interface code inside an installed package, Toolcraft includes the actual source files directly in each generated project, so they can be inspected and edited freely. It fits best for things like procedural graphics generators, image stylization effects, shader or Three.js experiments, and small animation tools. The project was built by Pixel Point and is released under the MIT license.

Copy-paste prompts

Prompt 1
Use Toolcraft to scaffold a new project, then build an app that applies an ASCII effect to an uploaded image.
Prompt 2
Help me run the Toolcraft CLI to create a new design tool project for Claude.
Prompt 3
Explain the repository structure of a Toolcraft generated project.
Prompt 4
Show me how to add an animation timeline to my Toolcraft app.

Frequently asked questions

What is toolcraft?

An open source starter kit and UI library for building small custom design and creative tools together with an AI coding agent.

What language is toolcraft written in?

Mainly TypeScript. The stack also includes TypeScript, React.

What license does toolcraft use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is toolcraft to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is toolcraft for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.