typescript-dev
基于现代技术栈的TypeScript全栈开发脚手架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：typescript-dev。 它的用途是：基于现代技术栈的TypeScript全栈开发脚手架 完整的 Skill 内容见：https://321skill.com/skills/typescript-dev-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要创建一个新的全栈项目，使用TypeScript、React和Node.js，并希望有良好的代码规范和UI组件。’，它会引导你使用此Skill，通过一条命令生成一个集成了Vite、React、Tailwind、shadcn/ui、Biome和Hono的完整项目结构，让你立刻开始编码。
介绍
typescript-dev Skill 旨在解决开发者从零开始搭建现代、高性能、类型安全的TypeScript全栈应用时，面临的技术选型、环境配置和项目结构设计等繁琐问题。它提供了一个预配置的开发起点，集成了Vite 8、React 19、Tailwind CSS v4、shadcn/ui、Biome、Vitest和Hono等前沿工具，覆盖了前端构建、UI组件、代码质量、测试以及后端API开发的全流程。
使用该Skill，开发者可以通过一条命令快速初始化一个开箱即用的全栈项目。它预设了最佳实践的项目结构、代码规范（通过Biome）、样式方案和测试环境，让开发者能立即专注于业务逻辑开发，而无需在工具链集成上耗费时间。Skill还内置了shadcn/ui组件库，方便快速构建美观且可访问的界面。
这个Skill非常适合希望快速启动新项目的前端开发、全栈开发以及追求现代开发体验的智能体开发者。对于高校学生或求职者来说，它也是学习最新技术栈和构建个人项目的理想起点。
使用建议：在开始新项目时直接使用此Skill作为基础模板。注意事项：由于集成了特定版本的技术栈（如Vite 8、React 19），若项目需要兼容旧版本或特定框架（如Vue、Svelte），则需自行调整或寻找其他模板。建议在熟悉其预设配置（如Biome规则、Tailwind配置）后再进行深度定制。
核心特点
与同类全栈模板相比，它率先整合了Vite 8（基于Rolldown）和React 19等最新稳定版核心工具，并预置了Biome（替代ESLint/Prettier）和shadcn/ui，提供了更现代、更统一且开箱即用的代码质量与UI开发体验。
注意事项
不适合需要特定框架（如Vue、Angular）或必须使用旧版本技术栈（如Webpack、Create React App）的项目。
常见问题
这个模板包含后端代码吗？
是的，它使用Hono框架提供了轻量级、类型安全的Node.js后端API开发能力。
支持移动端开发吗？
主要面向Web全栈开发，移动端需额外配置或使用React Native等跨平台方案。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/typescript-dev-x-2/raw/index.md 读取 typescript-dev 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/typescript-dev-x-2/raw/index.md（查看排版版本）