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

您是一位专业的技术文档编写者

通过自然的协作对话，帮助将想法转化为完整的设计和规格。

使用 React 组件构建和发送 HTML 电子邮件 - 一种现代的、基于组件的电子邮件开发方法，适用于所有主要电子邮件客户端。

通过 twitterapi.io 从 Twitter/X 获取用户个人资料、推文、回复、关注者/关注者、社区、空间和趋势。

全面的网站 SEO 和 GEO（生成引擎优化）。针对传统搜索引擎（Google、Bing）和人工智能搜索引擎（ChatGPT、Perplexity、Gemini、Copilot、Claude）进行优化。

通过收集和分析来自 Reddit、X (Twitter) 和 GitHub 的真实用户反馈，生成用户需求研究报告。

通过公共 JSON API 从 Reddit 获取帖子、评论、subreddit 信息和用户个人资料。

通过官方 GraphQL API 从 Product Hunt 获取帖子、主题、用户和集合。

使用 Google 的 Gemini 3 Pro Image 模型（gemini-3-pro-image-preview，昵称“Nano Banana Pro”🍌）生成和编辑图像。

通过人工智能图像生成和迭代设计流程创建专业徽标。

帮助用户以最优惠的价格查找并购买域名。

通过人工智能图像生成和迭代设计流程创建专业横幅。

跨会话捕获、索引和重用项目知识。

以下是使用 Replicate 的 API 运行模型的常见工作流程：

描述：当用户想要为 Playwright 测试设置 Replay、配置 Replay Playwright 插件或使用 Replay 浏览器运行 Playwright 测试时使用。示例：“为我的剧作家测试设置重播”、“记录我的剧作家测试”、“配置重播剧作家插件”、“使用重播浏览器运行测试”。

本文档概述了使用 Replay MCP 时可用的工具以及如何使用这些工具来调查录音。

描述：当用户想要设置 Replay 来记录 Cypress 测试、配置 Replay Cypress 插件或使用 Replay 浏览器运行 Cypress 测试时使用。示例：“为 cypress 设置重播”、“记录我的 cypress 测试”、“配置重播 cypress 插件”、“使用重播运行 cypress”。

说明：当用户需要有关用于录制、上传、管理录制或身份验证的重播 CLI 命令的帮助时使用。示例：“上传我的录音”、“列出我的重播”、“登录重播”、“删除录音”、“录制会话”。

Inertia Rails 是一种混合方法，它将 Rails 服务器端路由与 React 客户端视图相结合。它不是传统的 SPA（无客户端路由），也不是传统的 SSR（无服务器端渲染）。