用途:该技能面向使用 Bun 运行时的现代 React 前端开发,适用于从零创建新前端项目、添加 UI 组件以及实现客户端路由等场景。
主要能力:技术栈包括 Bun(运行时、包管理器与脚本运行器,不使用 Node.js 或 npm)、Vite(构建工具与开发服务器)、React 19、TypeScript、Tailwind CSS v4(通过 @tailwindcss/vite 插件)以及 React Router v7(使用 react-router 包而非 react-router-dom)。提供 cn() 辅助函数,由 clsx 与 tailwind-merge 组合,用于条件类名。组件库属于可选而非默认,shadcn/ui 是流行的可选层,项目选择使用时参考 shadcn.md,否则基于 Tailwind 与 cn() 手写组件。
使用方式:用 asdf 管理 Bun,先执行 asdf plugin add bun,再执行 asdf set bun latest 与 asdf install。常用命令:bun run dev 启动开发服务器,bun run build 执行生产构建,bun run check 做类型检查。依赖管理统一用 Bun,例如 bun add react-router clsx tailwind-merge 添加运行时依赖,bun add -d @types/node 添加开发依赖,并提交 bun.lock。导入时使用 react-router 而非 react-router-dom,路径别名 @/ 映射到 src/。
适用场景与限制:适合采用该技术栈的前端项目开发。资料未提供具体收费、价格或效果信息。组件库需项目自行选择,shadcn/ui 非默认。MapLibre 地图与 MCP 文档查询等能力需参考对应参考文件。