perf

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

撰写能获得回复的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 组件、页面或…时，请使用此技能。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

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

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

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

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

捕获网站并从中创建 HyperFrames 视频。适用场景：(1) 用户提供 URL 并希望生成视频；(2) 用户要求“捕获这个网站”、“将其转换为视频”或“用我的网站制作宣传片”；(3) 用户需要基于现有网站制作社交广告、产品导览或任何视频；(4) 用户分享链接并要求生成任何类型的视频内容。即使用户只是粘贴了一个 URL，也应使用此技能。

安装 registry 块和组件并将其接入 HyperFrames 组合。在运行 hyperframes add、安装块或组件、接入……时使用。

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