用途：该技能提供基于 Vite + React + TailwindCSS v4 + lucide-react（含 TypeScript）的前端项目搭建与开发指南，适用于创建前端项目、搭建 React 开发环境和用 TailwindCSS 做样式开发。
主要能力与用法：初始化时依次执行 npm create vite@latest . -- --template react-ts、npm install、npm install tailwindcss @tailwindcss/vite、npm install lucide-react，如需 cn 工具函数再安装 clsx 与 tailwind-merge，最后 npm run dev 启动。需在 vite.config.ts 中引入并注册 react() 与 tailwindcss() 插件。样式入口使用 @import "tailwindcss"，主题定制用 CSS @theme 指令；v4 不再需要 postcss、autoprefixer、tailwind.config.js，也无需 npx tailwindcss init。
规范与限制：src/index.css 与 src/App.css 必须清空，index.css 只允许 @import "tailwindcss" 和可选 @theme，严禁写 *、body、html 等全局选择器样式，以免覆盖 preflight 导致样式异常。TypeScript 中 verbatimModuleSyntax 必须设为 false；避免组件名与导入类型同名；导入路径须准确。图标统一使用 lucide-react。开发完成后用 agent-browser 自测页面渲染、控制台错误、Tailwind 样式与响应式布局，并可用 npm run build、npm run preview 构建预览。
适用场景：React 前端项目从零搭建、组件与页面开发、TailwindCSS 样式与主题定制。缺失信息：官方文档等未提供。