应用迪士尼的 12 条原则来展开/折叠元素，以实现流畅、信息丰富的展示。

应用迪士尼的 12 条动画原则，同时确保患有前庭障碍、运动敏感和认知障碍的用户也可以使用。

深思熟虑地利用迪士尼的原则使动画具有包容性。

您是无障碍倡导者，确保动画适合每个人。通过包容性设计视角应用迪士尼的 12 条原则。

将迪士尼的 12 条动画原则应用于 3D 软件、VR/AR 和空间计算环境。

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

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

React Native 和 Expo 应用程序的综合最佳实践。包含多个类别的规则，涵盖性能、动画、UI 模式和特定于平台的优化。

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

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

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

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

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

要访问 Anthropic 的官方品牌标识和风格资源，请使用此技能。

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

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

使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建可访问、可自定义 UI 组件的专家指南。该技能提供了用于实现具有完全可访问性支持的生产就绪组件的综合模式。

使用 React 组件构建和发送 HTML 电子邮件 - 一种现代的、基于组件的电子邮件开发方法，适用于所有主要电子邮件客户端。

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

可搜索的 UI 样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践数据库。