typescript-dev
全栈TypeScript开发套件，集成最新工具链
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：typescript-dev。 它的用途是：全栈TypeScript开发套件，集成最新工具链 完整的 Skill 内容见：https://321skill.com/skills/typescript-dev-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'使用typescript-dev skill创建一个新的全栈项目，包含一个用户列表页面和对应的API接口。' 它会自动生成项目目录，创建React组件展示用户列表，并生成Hono后端路由查询数据库（如SQLite），同时配置好Tailwind样式和Vitest测试骨架，让你直接进入业务开发。
介绍
该技能解决现代全栈TypeScript项目从零搭建的繁琐问题，整合了Vite 8 (基于Rolldown的高效构建)、React 19、Tailwind CSS v4、shadcn/ui组件库、Biome代码检查与格式化、Vitest测试框架以及Hono轻量后端框架，提供开箱即用的一体化开发体验。你只需一条命令即可初始化项目，随后可专注于业务代码编写，无需手动配置构建工具、样式系统或测试环境。
使用时，通过终端命令快速创建项目骨架，技能会自动生成前端与后端的目录结构、配置文件及示例代码。你可以在React组件中自由使用shadcn/ui的原子组件，借助Tailwind CSS v4快速实现响应式布局，通过Biome确保代码风格统一，并利用Vitest编写单元测试。后端Hono服务与前端共享TypeScript类型，实现端到端类型安全。
适合全栈开发者、前端开发者或后端开发者，特别是希望快速启动新项目、降低配置成本、统一技术栈的团队或个人。对于熟悉React和TypeScript的用户，该技能能显著提升开发效率，减少重复性工作。
使用建议：建议先熟悉Vite和Tailwind CSS v4的新特性，以充分利用其性能优势；注意保持所有依赖版本与技能预设一致，避免因升级导致兼容问题；对于需要高度定制化构建流程的复杂项目，可能仍需手动调整配置。
核心特点
与同类全栈脚手架相比，本技能一次性集成了Vite 8、React 19、Tailwind CSS v4、shadcn/ui、Biome、Vitest和Hono，且全部使用最新稳定版本，前端与后端共享类型系统，无需额外安装或配置，真正做到开箱即用。
注意事项
不适合需要遗留框架（如Angular/Vue 2）或非标准构建工具的场景，也不适用于对已有项目进行增量集成。
常见问题
如何添加新的路由？
在前端使用React Router时，直接在src/pages下新建文件并配置路由；后端Hono的routes目录下添加路由文件即可。
如何配置环境变量？
在项目根目录创建.env文件，Vite会自动加载以VITE_开头的变量，Hono通过process.env读取。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/typescript-dev-x-3/raw/index.md 读取 typescript-dev 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/typescript-dev-x-3/raw/index.md（查看排版版本）