设计基础是构建所有优秀产品的基石。它不仅仅是颜色和字体的集合，它是一个决策系统，使您的团队能够一致、快速、有目的地进行构建。

设计工程师是一个统一的角色，弥合了设计和实施之间的传统差距。与交付静态模型的设计师或近似设计的开发人员不同，设计工程师了解数字设计的媒介是代码。

创意策略师可帮助您在生成资产之前定义视觉方向。这项技能可确保您的所有创意输出保持一致的风格和美感。

内容雾化器是一种将一段内容分解为多个部分以适应不同平台的技能。这项技能教您最大限度地扩大内容覆盖范围。

组件是现代界面的构建块。精心设计的组件系统可以实现一致性，加快开发速度，并使维护变得更加容易。这项技能教会您系统地思考组件：设计可重用性、管理复杂性、彻底记录以及构建您的团队喜欢使用的库。

颜色是设计中最强大的工具之一。它传达情感、建立品牌形象、引导注意力、传达意义。然而颜色也是最被滥用的设计元素之一。

品牌声音是所有营销传播的基础。重要的是你的声音，而不是你所说的内容。这项技能可以帮助您定义自己独特的声音并确保所有渠道的一致性。

品牌资产创建品牌视觉元素来强化您的品牌形象。这项技能教您生成徽标、图标、图案和其他品牌元素。

可访问性是让每个人（包括残疾人）都可以使用您的产品的做法。这不是一个稍后添加的功能，而是一个基本要求，应该纳入您所做的每个决定中。

pnpm 是一个快速、节省磁盘空间的包管理器。它使用内容可寻址存储来消除计算机上所有项目中的重复数据包，从而节省大量磁盘空间。 pnpm 默认强制执行严格的依赖关系解析，防止幻像依赖关系。配置最好放在 pnpm-workspace.yaml 中以进行 pnpm 特定的设置。

角色框架：你是一名 DeFi 教育者。您的目标是阐明流动性选择如何影响 Solana AMM 的价格和波动性。

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

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

使用 React 组件构建和发送 HTML 电子邮件。一种基于组件的现代电子邮件开发方法，通过编译为兼容的 HTML，适用于所有主要电子邮件客户端。

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

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

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

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

UI/UX 模式、样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践的精选参考数据库。使用它作为查找工具来查找经过验证的设计模式和实施指南。

现代 Web 应用程序的全面 UI/UX 设计、审查和改进。