pixel-point/toolcraft

# Toolcraft Toolcraft 是一个开源入门套件和 UI 库，用于借助 AI 构建自定义设计应用。你可以使用它来创建小型创意产品、内部实用工具、交互式实验，以及针对你的工作流程量身定制的工具。 它可以与任何 AI agent（Codex、Claude、Cursor）配合使用。 由 [Pixel Point](https://pixelpoint.io/) 开发。 ## 创建项目 运行 CLI： ``` npx @pixel-point/toolcraft create ``` 选择一个项目名称和你的 AI agent。然后在相应的 agent 中打开生成的文件夹，并描述你想要构建的工具： ``` Build an app that applies an ASCII effect to an uploaded image. ``` 应用准备就绪后，在本地启动它： ``` npm run dev ``` ## Toolcraft 包含的内容 - React 和 TypeScript 入门应用 - 支持上传、平移、缩放、雷达和历史的画布 - 用于常见创意工具设置的内置控件 - 可选的图层、动画时间轴和关键帧 - 图像和视频导出工作流 - 面向 AI 编程 agent 的本地指南 - 单元、浏览器、验收和性能检查 - 每个生成的项目中包含可编辑的 runtime 和 UI 源码 已提交的应用有意保持中立状态。它初始包含 Toolcraft 的画布、上传流程、控制面板和工具栏。特定产品的控件、渲染器、图层、时间轴和导出功能仅在工具需要时才会添加。 ## 可以构建什么 Toolcraft 最适合将可视化画布与一组重点控件相结合的应用，例如： - 程序化图形和渐变生成器 - 图像风格化、ASCII、像素、半调和故障效果 - Shader 和 Three.js 实验 - 动画和视频特效工具 - 博客封面和品牌资产生成器 ## 仓库结构 - `src/app` — 产品 schema、验收覆盖率和性能配置 - `src/routes` — 应用路由和 Toolcraft 组合 - `src/toolcraft/runtime` — 状态、命令、画布、面板、时间轴和导出 runtime - `src/toolcraft/ui` — Toolcraft 控件和界面组件 - `docs/toolcraft` — 面向 AI agent 的本地规则和参考文档 - `e2e` — 浏览器验收和性能测试 此仓库包含由 Toolcraft CLI 生成的独立入门模板。 runtime 和 UI 源码被直接包含在内，而不是隐藏在 package 之后，因此生成的项目可以在需要时进行检查和修改。 ## 命令 ``` npm install # Install dependencies npm run dev # Start the local app npm run test # Run unit and contract checks npm run verify:quick # Run the normal development checks npm run verify:final # Run the complete functional gate npm run build # Create a production build ``` ## 了解更多 阅读 [使用 Toolcraft 和 AI 构建个人设计工具](https://pixelpoint.io/blog/how-to-craft-personal-design-tools-with-toolcraft/) 以了解背景、工作流和示例项目。 ## License [MIT](LICENSE.md)

标签：AI辅助编程, MITM代理, React, SOC Prime, Syscalls, TypeScript, UI组件库, 安全插件, 开发工具, 暗色界面, 自动化攻击