design

将模糊的 UI 创意转化为精炼且针对 Stitch 优化的提示词。增强具体性，添加 UI/UX 关键词，注入设计系统上下文，并结构化……

教导智能体使用 Stitch，通过自主的接力传递循环模式迭代构建网站。

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

将 Anthropic 的官方品牌色彩和排版应用于任何可能需要 Anthropic 外观风格的作品。在品牌……时使用它。

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

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

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

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

关于集成和构建 shadcn/ui 组件应用的专业指南，涵盖组件探索、安装、自定义及最佳……

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

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

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

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

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

创建和编辑带有 wikilinks、嵌入、标注、属性及其他 Obsidian 专属语法的 Obsidian 风格 Markdown。在处理……中的 .md 文件时使用。

一个通用的自我改进智能体，能从所有技能经验中学习。采用多记忆架构（语义 + 情景 + 工作）以持续进化…

改进布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提到布局感觉……时使用。

使用 Genkit 在 Node.js/TypeScript 中开发 AI 驱动的应用。当用户询问 JavaScript/TypeScript 中的 Genkit、AI 智能体、流程或工具时使用，…

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

使用 Remotion 从 Stitch 项目生成演练视频，支持平滑过渡、缩放和文字叠加效果