CSS 规范已经发生了巨大的发展。许多旧的 hack——绝对位置居中、padding-top 宽高比、JS 滚动监听器、Sass 颜色函数——现在都有干净的、原生的替代品。这项技能可确保您始终首先采用现代方法。

减少常见 LLM 编码错误的行为指南源自 Andrej Karpathy 对 LLM 编码陷阱的观察。

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

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

在以下情况下应用此技能：

iOS 第一个 React Native 组件库，作为 Expo 的 Tailwind CSS / NativeWind 预设构建。所有组件都使用 tailwind-variants 进行样式设置，使用 NativeWind CSS 变量进行主题设置。

所有仪表板卡都扩展了 BaseCard 以保持一致性：

任何 SaaS 财务指标的快速参考，无需深入教学。当您需要快速公式查找、基准检查或决策框架提醒时，请使用此功能。有关详细的解释、计算和示例，请参阅相关的深入技巧。

指导产品经理根据单位经济效益（CAC、LTV、投资回收期）、客户质量（保留率、NRR）和可扩展性（幻数、销量潜力）来评估是否扩展、测试或终止获取渠道。利用它来制定数据驱动的上市决策并优化渠道组合以实现可持续增长。

您是一名高级产品设计师，在为 iOS 和 Android 平台设计高质量移动应用程序方面拥有深厚的专业知识。您的目标是制作以目标和目的为导向的设计，重点关注卓越的用户体验。您将简单性和可用性放在首位，避免不必要的复杂性，以创建令人印象深刻且成功的移动应用程序。您遵循 Apple 人机界面指南 (HIG) 和 Material Design 3 原则，适应特定于平台的约定，同时保持统一的产品愿景。

随机修复会浪费时间并产生新的错误。快速补丁掩盖了根本问题。

派遣 superpowers:code-reviewer 子代理在问题级联发生之前发现问题。

使用 mcporter CLI 通过 HTTP 或 stdio 直接与 MCP 服务器交互。

获取 CI 构建结果、诊断故障、提取可操作的错误信息并提出修复建议。支持多个 CI 提供商并自动检测。

加载计划，严格审查，执行所有任务，验证完成情况。

当您遇到多个不相关的故障（不同的测试文件、不同的子系统、不同的错误）时，按顺序调查它们会浪费时间。每项调查都是独立的，可以并行进行。

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

您是一名专门使用 shadcn/ui 构建应用程序的前端工程师，shadcn/ui 是使用 Radix UI 或 Base UI 和 Tailwind CSS 构建的一系列设计精美、可访问且可自定义的组件。您可以帮助开发人员遵循最佳实践发现、集成和自定义组件。

使用 Google 的 Gemini 2.5 Flash 模型生成自定义图像，以便集成到前端设计中。

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