用途：在 packages/nextjs/ 目录下处理前端任务时激活，包括创建或修改 React 组件、使用 Tailwind CSS 编写样式、构建新页面或布局、实现动画与交互、进行 UI/UX 改进。项目背景为 SplitHub，一个 NFC 点按支付的分账应用，前端需即时响应、可信、简洁。
主要能力与规范：避免通用 AI 风格设计，如 Inter、Roboto、Open Sans、Lato、系统字体，以及白底紫色渐变等套路配色。排版建议使用 Google Fonts 中较有辨识度的字体，如 JetBrains Mono、Fira Code、Playfair Display、Crimson Pro、IBM Plex 系列、Source Sans 3、Bricolage Grotesque、Newsreader、Syne、Outfit、Archivo；搭配上强调高对比、极端字重（100/200 对 800/900）与 3 倍以上字号跳跃，并通过 next/font/google 在布局文件中加载。配色用 CSS 变量建立统一主题，主色突出、点缀锐利，深色主题适合金融科技应用。动效使用 framer-motion（项目中以 motion 引入），重点做编排式页面加载与错落揭示，简单悬停/聚焦用 CSS 过渡，并为 NFC 点按提供触觉反馈。背景可用分层渐变、几何图案、透明度与模糊营造层次。
技术栈与位置：Next.js 15 App Router、Tailwind CSS、Framer Motion、next/font/google；路径别名 ~~/* 指向 packages/nextjs/。组件位于 app/、components/（settle、credits、activity、expense、home、scaffold-eth）、hooks/、services/。
实施清单：先查看 packages/nextjs/components/ 中已有组件模式；使用有辨识度的字体；通过 CSS 变量或 Tailwind 配置统一主题；为关键交互添加有目的的动画；移动优先响应式；提供加载与错误状态；确保 NFC 相关流程即时顺畅。
限制：资料未提供安装命令、版本细节、收费信息或具体代码示例；实际使用需结合项目现有配置。