Toolcraft – open-source AI harness and starter for building design apps logo

Toolcraft – open-source AI harness and starter for building design apps

Show HN: Toolcraft – 开源 AI 框架与入门模板,用于构建设计类应用

访问官网

工具概览

Toolcraft 是一个开源的入门套件和 UI 库,用于借助 AI 构建自定义设计应用。它适用于任何 AI 智能体,例如 Codex、Claude 或 Cursor。入门应用使用 TanStack Router、React、TypeScript、Tailwind CSS 和 Base UI 构建,包含带平移和缩放控制的画布,以及组件库,其中有按钮、下拉菜单、滑块、字体选择器、调色板、曲线编辑器、图片上传器等。它还提供内置的图层、动画时间线和关键帧,智能体可按需启用,并提供图像和视频导出工作流。AI 框架为智能体提供技能、指令和检查,使其能在 Toolcraft 的设计系统之上构建,套件还包含单元、浏览器、验收和性能检查。应用背后的所有代码都可以交给 AI 智能体随意定制。Toolcraft 不是云服务;它是一批文件,在使用命令行工具或请智能体操作时被复制到你选择的文件夹中。生成的应用可以独立运行,并可部署到 Cloudflare、Vercel 或 Netlify 等网络主机。

定价

目录尚未确认完整价格档位,请到官网查看当前额度、限制及计费方式。

访问官网

价格与限制可能变化,请以官网为准,并确认币种、付款周期、最低席位数和用量上限。

应用场景

  • 团队用 Toolcraft 构建程序化图形和渐变生成器。
  • 团队用 Toolcraft 创建图像风格化工具,包括 ASCII、像素、半调和故障效果。
  • 团队用 Toolcraft 进行着色器和 Three.js 实验。
  • 团队用 Toolcraft 构建动画和视频特效工具。
  • 团队用 Toolcraft 生成博客封面和品牌素材。

功能特性

可定制的设计应用起步项目

支持平移和缩放的画布

现成的设计操作控件

图层管理组件

动画时间线与关键帧

图片和视频导出流程

供 AI Agent 使用的开发指引与检查项

用户评论

还没有评论,来分享你的使用体验吧

常见问题

Why would I use Toolcraft instead of Figma?

Use Toolcraft only when a custom app would solve your task faster or better than Figma or another design tool. First consider what your existing software can do, including its AI features, and account for the time needed to build the app. For example, managing hundreds of small layers and repeatedly applying effects or adjustments can become cumbersome in Figma. With a custom app, you decide which controls and parameters to include, how the design responds to them, and which export options you need, including video. You can build a repeatable workflow for producing consistent brand assets in batches, then keep expanding it as your ideas evolve. You can also share the app with your client so they can create new assets on their own.

How long does it take to generate an app?

It depends on what you want to build. You can usually expect a first working result 30–60 minutes after your initial prompt. More complex tasks, such as reverse engineering a reference, combining multiple WebGL effects, or building 3D tools, can take longer. Toolcraft isn’t a magic tool that lets you create anything instantly. It gives you the workspace, AI guardrails, and skills to make the process smoother and improve your chances of getting the result you want. At Pixel Point, we often spend 1–3 days on a single app and go through 30–50 iterations with AI, sometimes more, before reaching a version that matches what we envisioned.

Where can I find my generated app?

Toolcraft uses port 3002 for the local development environment by default. If it’s busy on the first launch, it picks the next available port and remembers it for your project. After creating the app, your AI agent will usually give you a URL like http://localhost:3002 that you can open in your browser. If it doesn’t, simply ask your agent to start the dev server or give you the local URL.

Is a $20/month Codex, Cursor, or Claude plan enough to build an app?

No. In general, $20/month plans aren’t suitable for meaningful work. Use a plan that costs at least $100/month.

Is Toolcraft an application or a cloud service?

No. It’s a batch of files copied into a folder of your choice when you use the command-line tool or ask an agent to do it for you. Those files contain the starter, component library, and AI harness that help you build your own design apps faster and better.

Is Toolcraft free?

Yes. Toolcraft is completely free, open-source software licensed under MIT. You’re free to use it in commercial projects, modify it, and distribute it to your clients.

Can I use apps built with Toolcraft for commercial projects and client work?

Yes. The starter in this repository uses the MIT license, which allows commercial use, modification, and distribution. You can build tools for paid client work and use them in your business.

Which AI agents can I use with Toolcraft?

You can use Codex, Claude Code, Cursor, or another coding agent that can read and edit project files, run commands, and follow the project's instructions. Open the project in your agent and describe what you want to build. Toolcraft includes instructions and skills to guide the work.

Can I start from an existing example instead of building from scratch?

Yes. Browse the example apps, open the one you want to start from, and click Clone with CLI on its page to copy the setup command. Ask your agent to run it, or paste it into your terminal. For example: npx @pixel-point/toolcraft@latest create --template prism-flow. Your new project starts with that example's design and features, which you can then change with your agent.

Can I publish my app and share it with teammates or clients?

Yes. Your agent can prepare the app for publishing and help you deploy it to a web host of your choice. It can run pretty much anywhere and can be easily deployed to Cloudflare, Vercel, or Netlify.

相关榜单与专题