@box-kite/create

中文文档
2.4.0发布于 2026/11/07MITES Module构建来源已验证近 30 天下载 2316

用 Box Kite 启动一个 Vite + React 应用程序, 并在其中设计 : npm 创建 @ box- kite@latest my- app -- -- design mon

中文使用文档
文档目录4 节
  1. 选项
  2. 您的编码代理
  3. 设计
  4. 所需资源

@ box- kite/ 创建

启动 Vite + React 应用程序 框键 和设计已经在里面.

npm create @box-kite@latest my-app -- --design mono
cd my-app
npm run dev

它运行Vite自己的 create-vite,则:

  • 添加 @box-kite/react 和设计字体 package.json,并安装;
  • 将设计写入 src/design.tsx:调色板,页面的颜色和字体,以及每个组件的样式,以光和暗为单位;
  • 将应用程序包入其中 src/main.tsx· ;
  • 替换 src/App.tsx 带有按钮、字段、对话框、标签和数据网格的样本页;
  • 删除模板本身 App.css 和标志;
  • 写入 AGENTS.md, (中文(简体) ), CLAUDE.md 而MCP服务器的Claude Code, Cursor 和 VS Code 的配置,所以一个编码代理从它的第一个提示写出 Box Kite 右.

src/design.tsx 财务报告和审定财务报表 src/App.tsx 是您工程中的普通文件, 请随意更改 .

选项

选项它会做什么
-d, --design NAMEclassic, (中文(简体) ), ember, (中文(简体) ), azure 或者说 mono. 问未给时.
-t, --template NAMEreact-ts (违约), react-compiler-ts, (中文(简体) ), react 或者说 react-compiler。 。 。 .
--no-install写入文件并跳过安装.
--overwrite当目录中有文件时, 将先对目录进行扩展 .
--eslint使用ESLint而不是Oxlint,通过来创建-vite.
--no-agents别管了 AGENTS.md, (中文(简体) ), CLAUDE.md 和 MCP 服务器配置.
--agents-only只将那些添加到已有的工程中, 没有创建应用程序 .
--interactive 编号 : --no-interactive总是问,或不问。 默认情况下它会问何时在终端运行.

随着npm,选项会追逐 --. pnpm和纱线直接取出:

pnpm create @box-kite my-app --design azure

您的编码代理

Box Kite是比任何模型的训练数据更新的,它的道具名称与其他库相撞,而数字意味着不同的东西. 因此,一个新的应用程序将:

  • AGENTS.md四个事实 一个模型从记忆中弄错了 一个指向 node_modules/@box-kite/react/AGENTS.md,整个规则, 升级保持最新。 代码, Cursor, 副驾驶, Windsurf, Cline 和 Zed 每跑一次都会读到.
  • CLAUDE.md: 单行 @AGENTS.md,这是克劳德代码读取相同文件的方式.
  • MCP 服务器 (单位:千美元)npx -y @box-kite/mcp(单位:千美元) .mcp.json, (中文(简体) ), .cursor/mcp.json 财务报告和审定财务报表 .vscode/mcp.json。它运行真实的造型引擎,因此代理可以检查一个值是否有效,而不是猜测。 每个工具在从项目文件启动服务器之前都会询问一次 .

对于已经存在的项目,请在其根中运行 :

npm create @box-kite@latest -- --agents-only

它把块加进你自己的 AGENTS.md (并在以后运行时替换),导入到您的 CLAUDE.md,而您的 MCP 配置已经列出旁边的服务器 。 它只在编辑器的文件夹存在时才会写出编辑器的配置,而只留下一个包含注释的配置,打印条目来手动添加.

设计

  • 经典:组件作为Box Kite将它们,indigo 在系统字体的灰色上.
  • 琥珀:取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取.
  • 阿苏雷:清空蓝色 在凉爽的板块上,被霜玻璃层和药丸控制,有"索拉"作为标题.
  • 单曲: 墨迹 #16191e 在 Roboto 的白色上,带有 1px 边缘并被聚焦为第二个像素.

你可以看到每一个在 (原始内容存档于2019-09-21). box-kite.dev 与 主题 按钮.

所需资源

节点22.12或后期为Creative-vite自有地层.

版本与发布记录

@box-kite/create 共发布 15 个版本,首次发布于 2026/10/20;过去 12 个月发布了 15 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
2.4.0latest2026/11/071 天前
2.3.12026/11/061 天前
2.3.02026/11/044 天前
2.2.182026/11/044 天前
2.2.172026/11/034 天前
2.2.162026/11/035 天前

关于 @box-kite/create 的常见问题

@box-kite/create 是什么?

用 Box Kite 启动一个 Vite + React 应用程序, 并在其中设计 : npm 创建 @ box- kite@latest my- app -- -- design mon

如何安装 @box-kite/create?

在项目目录运行 npm install @box-kite/create,或使用 pnpm add / yarn add / bun add。它还提供命令行工具 create-box-kite,可以用 npx create-box-kite 直接运行。

@box-kite/create 支持 TypeScript 吗?

该包的 package.json 没有声明类型入口。需要类型提示时,可以在 npm 上查找社区维护的 @types/box-kite__create 是否存在。

@box-kite/create 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@box-kite/create 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=22.12。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@box-kite/create 可以商用吗?

@box-kite/create 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@box-kite/create 的下载量有多少?

根据 npm 官方下载统计,@box-kite/create 在 2026/10/09 – 2026/11/07 这 30 天内被下载 2,316 次,日均约 77 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@box-kite/create 还在维护吗?

最新版本 2.4.0 发布于 2026/11/07(1 天前);至今共发布 15 个版本,其中过去 12 个月发布了 15 个;首次发布于 2026/10/20。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。