Remotion Best Practices

使用 Nano Banana Pro (Gemini 3 Pro Image) 生成或编辑图像。支持文生图、图生图及 1K/2K/4K 分辨率，适用于图像创建、修改及编辑请求，使用 --input-image 指定输入图像。

使用 Whisper CLI 进行本地语音转文字（无需 API 密钥）

使用 mcp-diagram-generator MCP 服务器生成和编辑图表。适用于新建图表、编辑现有 .drawio/.mmd/.excalidraw 文件、网络拓扑、架构图、流程图、泳道图、时序图、类图、ER 图及 Excalidraw 白板工作。当用户要求绘图时，始终使用此技能。

使用 ffmpeg 从视频中提取帧或短片。

提供 UI/UX 设计智能与实现指导，帮助打造精美界面。适用于 UI 设计、UX 流程、信息架构、视觉风格、设计系统/标记、组件规格、文案/微文案、无障碍及前端 UI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）生成/评审/改进。工作流包括：①新 UI 布局与样式生成；②现有 UI/UX 改进；③设计系统标记和组件规范产出；④ UX 建议转化为代码变更。

强大的AI自动化绘图与复杂信息可视化工具（基于 ContextWeave）。不仅支持代码与系统架构的可视化，更广泛适用于复杂逻辑梳理、知识库转换、业务流程图、思维导图及长文本的结构化信息图生成。通过深度的语义分析与请求编排，一键将晦涩文本与复杂知识转化为清晰直观的图形表达。

专家级前端设计指南，用于创建美观、现代的用户界面。适用于落地页、仪表板等各类UI设计。

使用 Remotion + React 进行程序化视频创作的完整工具包。涵盖动画、时间控制、渲染（CLI/Node.js/Lambda/Cloud Run）、字幕、3D、图表、文字特效、转场及媒体处理。适用于编写 Remotion 代码、构建视频生成流水线或创建数据驱动的视频模板。

Remotion 最佳实践 - React 视频创作

每天上午8点汇总重要邮件与日历事件，并提供AI生成摘要。

正确读取GitHub仓库的方法——通过gitmcp.io而非原始抓取。为什么这比网页搜索更好：(1) 语义搜索文档，而非仅关键词匹配；(2) 智能代码导航，精确的文件结构，仓库布局零幻觉；(3) 输出适合LLM的Markdown，而非原始HTML/JSON；(4) 在一个简洁界面聚合README、/docs和代码；(5) 遵守速率限制和robots.txt。停止粘贴原始GitHub链接——请使用此工具。

使用 Playwright 构建并运行 Gemini 2.5 计算机控制浏览器代理。适用于通过 Gemini 计算机使用模型自动化网页任务、需要代理循环（截图→函数调用→操作→函数响应），或为危险 UI 操作集成安全确认的场景。

使用CLI（curl/jq）通过OpenAI Docs MCP服务器查询OpenAI官方文档。当任务涉及OpenAI API（Responses、Chat Completions、Realtime等）、SDK、ChatGPT Apps SDK、Codex、MCP集成、端点结构、参数、限制或迁移，且需要最新官方指导时调用。