全部能力

使用 Playwright 与本地 Web 应用交互和测试的工具包。支持验证前端功能、调试 UI 行为、捕获…

在收到代码审查反馈时使用，尤其是在实施建议之前，当反馈看似不明确或在技术上存在疑问时——需要技术……

通过极具技术野心的实现（着色器、弹簧物理、滚动驱动动画、60fps 动画）将界面体验推向传统极限。使用……

当用户想要在其网站上添加、修复或优化 schema markup 和结构化数据时使用。当用户提到“schema markup”、“结构化……”时也可使用。

当用户需要关于 Google Ads、Meta（Facebook/Instagram）、LinkedIn、Twitter/X 或其他广告平台的付费广告活动帮助时使用。也适用于……

用于创建高质量 MCP (Model Context Protocol) 服务器的指南，该服务器使 LLM 能够通过精心设计的工具与外部服务进行交互。适用于……

提取并整合可复用组件、设计令牌和模式到您的设计系统中。识别系统性复用的机会并丰富……

让接口达到生产就绪状态：错误处理、空状态、新手引导流程、国际化（i18n）、文本溢出以及边缘情况管理。当用户要求……时使用。

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

当用户想要创建、优化或分析推荐计划、联盟计划或口碑策略时使用。当用户提到……时也可使用。

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

当用户想要规划、设计或实施 A/B 测试或实验，或构建增长实验项目时使用。当用户提到“A/B…”时也可使用。

安全地构建和部署 Firebase SQL Connect（又名 Firebase Data Connect）后端。适用于设计包含表和关系的架构时，…

当用户希望优化注册、账户创建或试用激活流程时使用。当用户提及“注册转化率”时也应使用，…

当用户想要创建或优化应用内付费墙、升级界面、追加销售弹窗或功能门控时使用。当用户提及“paywall”、…时也应使用。

将应用和网站部署到 Vercel。当用户请求执行部署操作时使用，例如“部署我的应用”、“部署并提供链接”、“推送这个……”

当用户希望出于转化目的创建或优化弹出窗口、模态框、浮层、滑入式组件或横幅时使用。当用户提到“退出…”时也可使用。

当用户希望为任何付费广告生成、迭代或扩展广告创意——包括标题、描述、主要文本或完整的广告变体——时……

本技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

创建应用或为应用添加 Convex。用于新的 Convex 项目，npm create