用途：作为现代前端开发的统一决策框架，围绕 Next.js、React、Tailwind CSS、TypeScript 与 Framer Motion 技术栈，帮助在开发中快速决定该用哪个组件库、动画方案、素材来源与工具，并通过技能引用路由到细分主题。
主要能力：提供快速决策矩阵，按需求分流：基础 UI 组件选 shadcn/ui；SaaS 风格组件（数字滚动、跑马灯）选 Magic UI；戏剧化效果（聚光灯、3D）选 Aceternity；动画按是否响应用户输入区分 Lottie 与 Rive；图标用 Iconify/Lucide，头像用 DiceBear，照片用 Unsplash，插画用 unDraw；主题分颜色系统与 Google Fonts；质量分代码检查与 Playwright 视觉验证。还包含项目搭建清单、推荐目录结构、组件选择决策树、动画选择决策树、Tailwind 样式规范、颜色与字体配置、素材策略、SSR 与水合规则、性能清单、质量门禁、常见问题修复与常用布局模板。
使用方式：新建项目可运行 npx create-next-app@latest my-app --typescript --tailwind --eslint --app，安装 clsx、tailwind-merge、framer-motion 等依赖，并用 npx shadcn@latest init 初始化 UI 基础。交付前需通过 lint、typecheck、format 检查，并用浏览器截图与移动端宽度验证。
适用场景：使用上述技术栈搭建网站、落地页、SaaS 界面与营销页面时，用于统一技术选型与质量流程。
限制：资料未说明收费、价格、平台等信息；部分细节依赖所引用的其他技能。请以各库最新 API 为准。