@trsoliu · GitHub · 邮箱

大模型时代的前端开发

AI-Native 技术栈演示项目

1

第 1 课：Tailwind CSS v4

BEM vs Tailwind 对比，CSS-first 配置，Oxide 引擎

2

第 2 课：shadcn/ui

Copy-Paste 哲学，CLI 工作流，组件定制

3

第 3 课：Radix UI

Composition 模式，可访问性原语，无头组件

10

表单演示

React Hook Form + Zod 验证，shadcn/ui Form 组件

9

第 9 课：AI 聊天

Vercel AI SDK，useChat Hook，流式响应

技术栈

Next.js 15TypeScriptTailwind CSS v4shadcn/uiRadix UIZustandTanStack QueryReact Hook FormZodBiomeVercel AI SDK