git404hub

what is toolcraft fr?

pixel-point/toolcraft — explained in plain English

Analysis updated 2026-05-18

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

tl;dr

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

vibe map

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 make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

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

VIBE 4

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

what's the stack?

TypeScriptReact

how it stacks up fr

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 i run it?

Difficulty · easy time til it works · 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.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.