Frontend Next.js & Shadcn - Next.js 与 Shadcn UI 前端工程化规范
提供基于 React、Next.js App Router、Tailwind CSS 与 Shadcn UI 的前端项目工程规范与 Apple 风格设计指南。
标签
更新于: 2026-09-21能力
典型输入
典型输出
该技能可以做什么
- 搭建 Next.js App Router 架构
- 配置 Tailwind CSS 及 CSS 变量
- 集成 Shadcn UI 组件
- 基于 react-hook-form 与 zod 校验表单
- 配置 next-intl 国际化
- 使用 Zustand 管理状态
- 应用 Apple 风格设计规范
- 处理加载空态错误三态 UX
输入
- 前端源代码
- UI 设计规范
- 国际化语言包文件
输出
- Next.js 前端应用代码
- React 组件文件
- Tailwind CSS 样式文件
- i18n 配置文件
要求
- Node.js 运行环境
- Next.js App Router
- TypeScript 严格模式
- Shadcn CLI
- Tailwind CSS