应用架构
给 AI 的不是零散组件，而是一套成型的应用架构，包含可运行画布与工具栏，AI 生成的结果天然是可交互应用而非静态页面。
价格免费且开源，未公开具体档位
平台Web / CLI
归类AI 编程
收录2025-01-01
复核2025-01-01
编辑评分
4.1 / 5
★★★★☆
Toolcraft编辑总结
Toolcraft 是面向设计师的开源工具包，主张给 AI 一套完整的应用架构而非零散组件。它自带可用的画布、工具栏、图层系统、时间轴与关键帧工作流，并内置 AI 技能、性能指令和视觉测试规则，用来提升生成式创意应用的质量与一致性。可与 Codex、Claude、Cursor 等任意 AI agent 配合使用。命令为 npx @pixel-point/toolcraft create，对外免费开源，官网未公开具体定价档位。
Toolcraft是什么？
Toolcraft 是一个用于构建自定义 AI 设计应用的开源工具包，定位是直接嵌进网站里干活：官网案例包括在 AI 公司网站中直接设计 WebGL 图片轮播、交互式行动号召区块、页脚 showreel 动画，以及为 AI 图像生成公司做交互式产品演示。
它的核心思路是给 AI 提供应用架构而非组件堆叠，内置可运行的画布、工具栏、图层系统、时间轴和关键帧工作流，同时带有 AI 技能、性能指令与视觉测试规则，用来保证生成的创意应用在质量和一致性上可控。组件层面可以看到滑块、透明度、阈值、输入范围、带通、字距、调色板、曲线、字体选择器、渐变、矢量等控件，文档里还有更多组件。
使用方式分两种：在命令行执行 npx @pixel-point/toolcraft create 创建应用；或在 Codex、Claude、Cursor 等 AI agent 中调用它，把设计意图直接落成一个可交互的小应用。官网给设计师的场景多为品牌视觉方向探索、签名视觉设计、程序化图形应用和粒子上标等实验性用途。
Toolcraft核心功能
图层与关键帧
内置图层系统、时间轴和关键帧工作流，动效可以按帧精确调节，适合做平滑过渡、轮播和 showreel 一类的动画设计。
控件组件库
提供滑块、透明度、阈值、输入范围、带通、字距、调色板、曲线、字体选择器、渐变、矢量等控件，可直接在画布里调试参数。
AI 技能与规则
内嵌 AI 技能、性能指令和视觉测试规则，用于约束生成结果的质量与一致性，减少 AI 产出跑偏或性能不可控的情况。
兼容主流 Agent
可与 Codex、Claude、Cursor 或任意其他 AI agent 配合使用，不绑定单一模型或平台，接入方式灵活。
内嵌网站设计
案例包含直接在 AI 公司网站里设计 WebGL 图片轮播、交互式行动号召区块和页脚 showreel 动画，设计成果可直接落在真实页面上。
命令行创建
通过 npx @pixel-point/toolcraft create 一条命令即可创建自定义应用，无需复杂的环境配置。
Toolcraft适合谁用？
前端设计师
推荐需要在真实网站里做 WebGL 轮播、交互动效或页脚动画，Toolcraft 的图层与关键帧工作流能直接出可运行结果。
品牌视觉探索
推荐用程序化图形应用尝试品牌视觉方向、签名视觉或 logo 旋转球体一类实验，适合在早期方向阶段快速试错。
AI agent 使用者
推荐已经在用 Codex、Claude 或 Cursor 写代码，想让 AI 产出的设计应用更可控，Toolcraft 的架构与视觉测试规则能减少返工。
纯 Figma 设计师
有条件习惯零代码的纯图形界面操作，需要命令行执行 npx 命令并与 AI agent 协作，上手存在一定门槛。
传统动效师
有条件依赖 After Effects 等既有动效工具链的从业者，Toolcraft 的工作方式与之一致性有限，迁移成本需要评估。
Toolcraft优点和缺点
优点
- 提供应用架构而非组件堆叠，生成结果直接是可交互应用
- 免费且开源，命令一行即可创建自定义应用
- 可与 Codex、Claude、Cursor 等任意 AI agent 配合
- 内置图层系统、时间轴与关键帧工作流，动效可精确调节
- 带 AI 技能、性能指令与视觉测试规则，产出质量可控
缺点
- 需要通过命令行与 AI agent 协作，纯图形界面用户有门槛
- 官网未说明国内可用性与地域限制
- 官网未公开支持的浏览器与运行环境范围
Toolcraft常见问题
Toolcraft 是免费的吗？＋
有用户反馈「Can't believe it's free and open-source」，官网也将其定位为开源工具包，创建命令 npx @pixel-point/toolcraft create 可直接执行。但，是否长期免费、有没有后续付费层需要以官方页面为准。
它和其他 AI 编程工具的区别在哪？＋
多数 AI 编程工具输出的是代码片段或组件，Toolcraft 主张给 AI 一套完整的应用架构，内置可运行画布、工具栏、图层系统、时间轴和关键帧工作流，再加上 AI 技能、性能指令和视觉测试规则，因此生成出来的更接近可直接使用的创意应用，而不是需要再拼装的零件。
怎么开始用 Toolcraft？＋
在命令行执行 npx @pixel-point/toolcraft create 即可创建自定义应用。可以直接在 Codex、Claude、Cursor 或其他 AI agent 中调用它。官网案例覆盖设计 WebGL 图片轮播、交互式行动号召区块、页脚 showreel 动画和品牌签名视觉等场景，可作为上手参考。
国内能正常使用吗？＋
。由于使用方式涉及命令行执行 npx 命令并与 AI agent 协作，实际可用性取决于所选的 AI agent 和网络环境，建议以官方页面说明为准。
它包含哪些设计控件？＋
包括的控件包括滑块、透明度、阈值、输入范围、带通、字距、调色板、曲线、字体选择器、渐变和矢量等，其中滑块支持 100% 与 75% 两档示例，字体默认 Inter。文档里还有更多组件。
Toolcraft竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| Toolcraft本工具 | 4.1 | 免费且开源，未公开具体档位 | 应用架构；图层与关键帧；控件组件库；AI 技能与规则 | Web / CLI |
| FyneTuner AI | — | 未标价 | 微调 AI 模型并创建自定义 AI 的平台 | — |
| ChatSumo | — | 未标价 | 一个用于构建和集成自定义 AI 聊天机器人的平台，适用于网站和 API | — |
| Custom ChatGPT Chatbot Template | — | 未标价 | 用于构建自定义 ChatGPT 聊天机器人的模板，无需编码 | — |
| FieldDay · Real-World AI | — | 未标价 | 在手机上创建自定义视觉 AI 的机器学习工具包 | — |
| Outfit | — | 未标价 | 拖放设计工具，用于创建和部署自定义 AI 应用界面 | — |
