spec

Remotion 最佳实践 - 使用 React 创建视频

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

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

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

构建和配置 Laravel 10+ 应用，包括创建 Eloquent 模型和关联关系、实现 Sanctum 身份验证、配置 Horizon……

查找带有特定标签的 Gmail 邮件并将其转发到另一个地址。

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

为应用提供一次性用户管理、多链钱包认证、AI 驱动的助手以及 AI 应用内省。当用户希望让网站……时使用。

当用户提供特定的钱包地址，并希望查询其余额、代币持有量、投资组合价值或 DeFi 仓位时，请使用此技能。典型…

设计演示文稿视觉效果和幻灯片版式。创建视觉概念，推荐图形，并为极具影响力的 PowerPoint 幻灯片提供设计规范。

Clerk 后端 REST API 浏览器与执行器。支持浏览标签、检查端点 Schema，以及执行经过身份验证的请求。在列出用户、管理……时使用。

为 TikTok、Instagram、YouTube、Facebook、LinkedIn 制作视频广告，严格遵循各平台专属规格。涵盖尺寸、时长限制、AIDA 框架等……

按照平台精确规格创建 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、展示图排序、设备模型以及预览视频……

Product Hunt 发布优化，包含具体的规范、时机与图片库策略。涵盖标语、图片库素材、Maker 评论及发布日策略……

YouTube 缩略图设计，包含特定尺寸、对比度规则和移动端预览优化。涵盖安全区、文字排版、面部表情……

KMP 项目的 Compose Multiplatform 与 Jetpack Compose 模式——状态管理、导航、主题、性能以及平台特定 UI。

优化应用性能。适用于存在性能要求、怀疑出现性能退化，或需要关注 Core Web Vitals 及加载时间等场景……

在真实浏览器中进行测试。适用于构建或调试任何在浏览器中运行的项目。当需要检查 DOM、捕获控制台错误、分析……时使用。

Remotion 最佳实践 - 使用 React 创建视频。包含 29 条领域专属规则，涵盖 3D、动画、音频、字幕、图表、转场等。