typescript-dev
全栈TypeScript开发环境，集成Vite/React/Tailwind/shadcn/ui等
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：typescript-dev。 它的用途是：全栈TypeScript开发环境，集成Vite/React/Tailwind/shadcn/ui等 完整的 Skill 内容见：https://321skill.com/skills/typescript-dev-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我创建一个 TypeScript 全栈应用，前端用 React 和 Tailwind，后端用 Hono，包含一个用户列表页面和对应的 API 接口，并编写单元测试。' 它会自动生成项目结构、安装依赖、编写组件代码、后端路由以及测试文件，启动开发服务器后即可在浏览器中查看。
介绍
这个 Skill 为你搭建了一个完整的全栈 TypeScript 开发环境，整合了 Vite 8 作为前端构建工具、React 19 作为 UI 框架、Tailwind CSS v4 配合 shadcn/ui 提供组件库、Biome 做代码格式化与静态检查、Vitest 用于单元测试，以及 Hono 作为后端框架。使用这个 Skill，你无需手动配置各个工具之间的兼容性，只需一条命令即可启动一个包含前后端、样式、测试和代码质量检查的现代化项目。
你可以在 AI 对话中直接描述需求，例如“创建一个 React 组件，使用 Tailwind 样式，并添加单元测试”，Skill 会自动生成对应的代码并遵循项目约定。它还能帮你快速初始化新项目、安装依赖、运行开发服务器、执行构建命令，以及进行代码静态分析，大幅减少重复性的配置工作。
这个 Skill 特别适合全栈开发、前端开发和后端开发者，尤其是那些希望从零开始快速搭建一个生产级 TypeScript 项目，又不想在配置上花费过多时间的团队。无论是开发新功能、重构遗留代码，还是编写测试用例，它都能提供一致的工具链和规范。
使用建议：确保你的本地环境已安装 Node.js 18+ 和 npm/pnpm。首次使用时会自动安装依赖，建议在项目根目录运行。如果你已经有现有项目，可先备份后再应用此 Skill 的工具链配置。注意，该 Skill 生成的代码默认使用 shadcn/ui 组件库，若需替换为其他 UI 库，需手动修改配置。
核心特点
与其他 TypeScript 开发模板不同，这个 Skill 同时集成了最新的 Vite 8、React 19、Tailwind CSS v4 和 Hono，且内置了 Biome 代码检查与 Vitest 测试框架，做到全栈一站式开箱即用，无需单独安装和配置每一个工具。
注意事项
不适合无需前端或后端框架的纯脚本项目，也不适用于非 TypeScript 项目。
常见问题
这个 Skill 支持哪些 Node.js 版本？
推荐 Node.js 18 或更高版本，20 LTS 最佳。
如何添加新的路由或页面？
在 src 目录下创建组件文件，Skill 会自动识别并可通过 Vite 的热更新即时预览。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/typescript-dev-x/raw/index.md 读取 typescript-dev 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/typescript-dev-x/raw/index.md（查看排版版本）