typescript-dev
基于现代技术栈的全栈TypeScript应用开发脚手架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：typescript-dev。 它的用途是：基于现代技术栈的全栈TypeScript应用开发脚手架 完整的 Skill 内容见：https://321skill.com/skills/typescript-dev-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要创建一个新的全栈项目，使用最新的React和TypeScript，并集成好代码格式化和测试工具。’，它会引导你使用这个Skill提供的模板，生成一个包含前端React应用、后端Hono API、Tailwind CSS样式、Biome代码规范以及Vitest测试框架的完整项目结构，让你立刻开始编码。
介绍
该Skill旨在解决开发者从零开始配置现代全栈TypeScript应用开发环境的繁琐问题。它提供了一个预配置的、开箱即用的项目模板，集成了Vite 8、React 19、Tailwind CSS v4、shadcn/ui、Biome、Vitest和Hono等前沿工具，覆盖了从前端构建、UI组件、代码格式化、测试到后端API开发的完整链路。
使用方式非常简单，开发者只需通过一条命令克隆或初始化项目，即可获得一个结构清晰、配置完备的代码库，可以立即开始编写业务逻辑，无需再花费时间研究各种工具的版本兼容性和集成配置。
它非常适合希望快速启动新项目的全栈开发者、前端开发者以及任何想要学习和实践现代TypeScript全栈开发技术栈的工程师。对于追求开发效率、希望统一团队技术栈和代码规范的项目团队也极具价值。
建议在使用前，确保本地Node.js版本符合要求。由于集成了较多工具，初次安装依赖可能需要一些时间。开发者可以根据项目实际需求，对模板中的预设配置（如Biome规则、Tailwind主题等）进行个性化调整。
核心特点
与同类脚手架相比，它率先集成了Vite 8（采用Rolldown构建）、React 19、Tailwind CSS v4等发布不久的前沿版本，并整合了Biome这一新兴的格式化与linting工具，技术栈选型非常激进和现代。
注意事项
不适合需要高度定制化、或希望从更基础层面理解每个工具配置细节的初学者进行学习。
常见问题
这个模板包含了哪些主要技术栈？
包含Vite 8 + React 19前端，Tailwind CSS v4 + shadcn/ui UI层，Biome代码格式化，Vitest测试，以及Hono后端API框架。
它支持前后端分离部署吗？
模板默认是前后端在同一个项目中的全栈结构，但你可以根据需求轻松拆分配置，支持分离部署。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/typescript-dev-x-4/raw/index.md 读取 typescript-dev 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/typescript-dev-x-4/raw/index.md（查看排版版本）