performance

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

撰写能获得回复的B2B冷邮件及跟进序列。当用户需要编写陌生开发邮件、潜在客户开发邮件、冷邮件……时使用。

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

审计 Convex 在读取、订阅、写入争用以及

关于使用 Sentry CLI 从命令行与 Sentry 交互的指南。当用户询问查看 issues、events、projects、organizations 等内容时使用。

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

掌握 TypeScript 的高级类型系统，包括泛型、条件类型、映射类型、模板字面量类型和工具类型，用于构建类型安全的…

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件，以强制执行高品质、反同质化的 UI 标准——严格的排版，…

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

Firestore 企业原生模式的全面指南，涵盖配置、数据模型、安全规则和 SDK 使用。当用户需要以下帮助时，请使用此技能……

HyperFrames CLI 开发循环 — 使用 `npx hyperframes` 进行脚手架搭建（init）、校验（lint、inspect）、预览、渲染以及环境故障排查（doctor，…

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

当用户想要创建、规划或优化用于收集邮箱或潜在客户开发的引流诱饵时使用。当用户提及“lead magnet”、“gated…

自动化浏览器交互、测试网页并处理 Playwright 测试。

使用 Express/Fastify 构建生产级 Node.js 后端服务，实现中间件模式、错误处理、身份验证、数据库集成……

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……

在实现或调试任何网络请求、API 调用或数据获取时使用。涵盖 fetch API、React Query、SWR、错误处理、缓存、离线……