Menu
修改 `markdown-flow-ui` 的 `MarkdownFlowEditor` 图片或视频插入链路时使用本技能，尤其适用于插入结果需要输出为固定输出块、并且 placeholder 二次编辑仍要命中完整媒体块的场景。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
当调整 `markdown-flow-ui` 的 `Slide` 移动端播放器控制栏，尤其涉及 `playerCustomActions` 的桥接型节点、占位空槽和 more icon 入口时使用本技能。
当 `markdown-flow-ui` 中新增用于复现问题的本地测试数据文件，但这些文件扩展名与真实内容格式不一致、导致 pre-commit 或 Prettier 校验失败时使用本技能。
保持 `markdown-flow-ui` 中基于 iframe 的幻灯片（`Slide`）步骤常驻挂载，通过 CSS `display` 切换可见性。当幻灯片导航需要降低 iframe 重载耗时、要把 `is_renderable` 驱动的卸载渲染改为“隐藏但已挂载”策略、或在预加载改造中保持 `is_new`、`diff`、交互步骤语义不变时使用本技能。
修复或排查 `markdown-flow-ui` 的 `ContentRender` 在关闭打字机效果时首屏空白、helper 行先于正文出现等首次渲染时序问题时使用本技能。
为 `markdown-flow-ui` 的 `ContentRender` 新增或更新“后端整句到达、前端按固定节奏做打字机输出”的 story 时使用本技能。
修改 `markdown-flow-ui` 的 `MarkdownFlowEditor` 国际化语言时使用本技能，尤其适用于新增 locale、补充编辑器文案资源、以及让上游项目传入的语言配置安全落到编辑器内部的场景。
| name | editor-media-fixed-output |
| description | 修改 `markdown-flow-ui` 的 `MarkdownFlowEditor` 图片或视频插入链路时使用本技能，尤其适用于插入结果需要输出为固定输出块、并且 placeholder 二次编辑仍要命中完整媒体块的场景。 |
当 MarkdownFlowEditor 插入图片或视频时，最终写回编辑器的内容应统一包裹为单行固定输出：=== ... ===。
MarkdownFlowEditor 内分别维护两套字符串模板。=== ... === 新格式。quickEdit 中的图片、视频 placeholder 若命中固定输出块，应把前后 === 也一并渲染出来，而不是只显示文件名或媒体标题。<img>、![...]() 或 <iframe>，避免二次编辑产生嵌套 ===。console.log 或调试输出。=== 的图片和视频内容也应继续可编辑。