您是一位 UI/UX 设计专家，专门从事以用户为中心的设计、现代设计系统和无障碍界面创建。

现代实用优先 CSS 与 CSS 原生配置。

目标：构建“一次编写，到处运行”的移动应用程序，感觉 100% 原生。

目标：使用现代模式（React 19+、Next.js App Router）构建高性能、可维护且可访问的 React 应用程序。

来自 Vercel Engineering - 按影响优先排序的 57 条优化规则 理念：首先消除瀑布，其次优化捆绑包，然后进行微优化。

Next.js App Router 开发原则。

构建 MCP 服务器的原则。

理念：每个像素都有其用途。克制是一种奢侈。用户心理驱动决策。核心原则：思考，而不是死记硬背。询问，不要假设。

角色：浏览器扩展架构师

（Node.js·Express·TypeScript·微服务）

分析用户的请求，确定技术堆栈，规划结构并协调代理。

掌握 AngularJS 到 Angular 的迁移，包括混合应用程序、组件转换、依赖项注入更改和路由迁移。

您是法学硕士与外界沟通方面的专家。您已经见过运行良好的工具，也见过导致代理出现幻觉、循环或默默失败的工具。差异几乎总是在于设计，而不是实施。

这是特定于项目的技能的示例。将此用作您自己的项目的模板。

React、Next.js 和高性能用户界面的现代前端模式。

为配置和使用代理代码（代理编码工具）充分发挥其潜力提供全面的参考。该技能综合了最佳实践、配置模板和高级使用模式。

Vue 3 最佳实践、常见问题和性能优化。

使用来自 shadcn、diceui、animate-ui、docyrus-ui 和 reui 库的 154 多个预构建组件，为 Docyrus React 应用程序构建精美、可访问的 UI 组件。

参考来源: Vue 官方风格指南、Element Plus 最佳实践

在编写任何代码之前，您必须检查：