typescript-dev

全栈TypeScript项目脚手架,集成前沿工具链

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:typescript-dev。
它的用途是:全栈TypeScript项目脚手架,集成前沿工具链
完整的 Skill 内容见:https://321skill.com/skills/typescript-dev-x-7/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'使用typescript-dev skill创建一个全栈项目,前端用React,后端用Hono,并集成Tailwind CSS和shadcn/ui。' AI会执行npx typescript-dev init my-app,然后自动生成项目目录、安装依赖,并输出启动命令。之后你只需进入目录运行npm run dev即可开始开发。

介绍

该Skill解决了全栈TypeScript项目从零搭建的繁琐配置问题。它整合了Vite 8、React 19、Tailwind CSS v4、shadcn/ui、Biome、Vitest和Hono,让你无需手动安装和配置每个工具,即可获得一个生产就绪的开发环境。

使用方式非常简单:执行安装命令后,Skill会自动生成项目结构、安装依赖并完成基础配置。你只需按提示选择前端/后端选项,即可开始编写代码。内置的Biome负责代码格式化与静态检查,Vitest提供测试框架,Hono用于构建后端API。

适合全栈开发者、前端开发者、后端开发者以及需要快速启动TypeScript新项目的团队。尤其适合希望使用最新版本(React 19、Vite 8)并追求开发体验一致性的开发者。

建议在新项目或重构项目中使用,避免与已有复杂配置冲突。注意保持Node.js版本在18以上以兼容最新工具链。如果项目需要自定义构建流程(如Webpack插件),建议评估后再使用。

核心特点

与同类Skill相比,该Skill同时集成了Biome(代码格式化/检查)和Hono(后端框架),并默认使用最新的Vite 8与React 19,提供了一站式全栈配置,无需二次集成。

注意事项

不适合不使用TypeScript的项目,或者需要复杂自定义构建配置(如Webpack定制)的场景。

常见问题

如何添加额外的依赖,比如axios?

直接在项目目录下运行 npm install axios 即可,Skill不会干涉包管理。

是否支持老版本Node?

最低要求Node.js 18,建议使用20 LTS版本以获得最佳兼容性。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/typescript-dev-x-7/raw/index.md 读取 typescript-dev 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。