Menu
当 `markdown-flow-ui` 中新增用于复现问题的本地测试数据文件，但这些文件扩展名与真实内容格式不一致、导致 pre-commit 或 Prettier 校验失败时使用本技能。
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` 中基于 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、补充编辑器文案资源、以及让上游项目传入的语言配置安全落到编辑器内部的场景。
为 `markdown-flow-ui` 的幻灯片（`Slide`）新增或更新可模拟流式播放的 `story` 时使用本技能，尤其适用于通过 `StreamingSlidePreview` 渲染、且为单元素 iframe 承载 `html` 的幻灯片场景。
| name | quality-fixture-ignore |
| description | 当 `markdown-flow-ui` 中新增用于复现问题的本地测试数据文件，但这些文件扩展名与真实内容格式不一致、导致 pre-commit 或 Prettier 校验失败时使用本技能。 |
用于问题复现的本地 fixture 如果不是合法 JSON，即使文件名以 .json 结尾，也应从 JSON 语法检查和 Prettier 格式化中排除，避免校验工具误处理原始 SSE 或历史数据负载。
.pre-commit-config.yaml 中排除目标 fixture，至少覆盖 check-json 与 prettier hooks。end-of-file-fixer 与 trailing-whitespace 中排除。.prettierignore，确保手动执行 npm run format 或 npm run format:check 时也不会处理这些 fixture。console.log 或调试输出。