基本 tsconfig.json 设置：

检查文件是否符合 Web 界面指南。

由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 57 条规则，按影响进行优先级排序，以指导自动重构和代码生成。

Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库，具有基于优先级的推荐。

在编写或审查 Next.js 代码时应用这些规则。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

创建 MCP（模型上下文协议）服务器，使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。

现代 React 开发的综合指南，强调基于 Suspense 的数据获取、延迟加载、正确的文件组织和性能优化。

访问 The Agent 的官方品牌标识和风格资源，获得外观一致、专业的产品。

在 Laravel 项目中使用 Tailwind CSS 进行样式设计的技能。

小程序设计稿统一按 iPhone 6 (750px宽度) 为基准。在编写 WXSS 时， 必须 严格遵守以下适配规则：

以工艺、一致性和系统精度构建界面设计。

构建具有技巧、大胆和注重转化的登陆页面。

使用 vififigma CLI 将 Figma 设计转换为带有 Tailwind CSS 的 React 组件。

使用 R3F v10 的外部 useFrame 将 Canvas 外部的 UI 元素与渲染循环同步。

轮询任何值的更改，并在更改时触发 React 重新渲染。

按照官方迁移指南将当前项目升级到最新的 Next.js 版本。

缓存组件支持部分预渲染 (PPR) - 在单个路由中混合静态、缓存和动态内容。

在编写或审查 Next.js 代码时应用这些规则。