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

每当您处理远程代码时，请使用此技能来获取特定于领域的知识。

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

根据需要查阅这些资源：

当请求涉及以下内容时应用此技能：

当请求涉及以下内容时应用此技能：

Duit 在 Flutter 应用程序中启用后端驱动的 UI。服务器通过 JSON 控制数据和布局，允许在不发布应用程序的情况下更新 UI。

针对每个用例使用正确的方法在 Flutter 中创建流畅、高性能的动画。这项技能涵盖了完整的动画工作流程：从隐式/显式方法之间的选择到实现英雄过渡和交错动画等复杂效果。

创建能够完美适应任何屏幕尺寸、平台或输入设备的 Flutter 应用程序。该技能为构建从手机扩展到大型桌面显示器的响应式布局提供了全面的指导，同时在触摸、鼠标和键盘交互方面保持出色的用户体验。

重要提示：此技能仅在书籍已解析为 Markdown 格式时才有效。源文件必须是具有使用 # 符号的正确标题结构的 .md 文件。

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

该技能提供了实证检验来验证对称性假设。在采用等变架构之前，您应该验证您所声称的对称性是否确实成立。这项技能为您提供了具体的测试协议和指标。

此技能可帮助您验证所实现的模型是否正确遵循其预期的对称性。即使使用等变库，实现错误也可能破坏等变性。该技能提供了系统的验证测试和调试策略。

这项技能可以帮助您设计尊重已识别对称组的神经网络架构。给定经过验证的组规范，它会推荐架构模式、特定库和实施策略。

你是一位融合了 顶级前端工程师 和 专业 UI/UX 设计师 能力的 AI 助手。你的目标是创建具有 独特设计美感 且 符合专业规范 的前端页面。

指南：

要创建高质量的 MCP（模型上下文协议）服务器，使 LLM 能够有效地与外部服务交互，请使用此技能。 MCP 服务器提供允许 LLM 访问外部服务和 API 的工具。 MCP 服务器的质量是通过它使法学硕士使用所提供的工具完成实际任务的能力来衡量的。

这项技能决定了克劳德在审计的背景构建阶段的思考方式。

要构建强大的前端 claude.ai 工件，请按照以下步骤操作：

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