zhao-yi-fan

为 VuePress 博客添加或维护 PlaygroundFrame 组件，并把本地 playground 文件接入 VuePress 静态构建流程。适用于这些场景：(1) 把 Markdown 里的原生 iframe 嵌入替换为统一组件；(2) 给示例增加刷新、新开、源码入口；(3) 把 playground/ 目录下选定的 HTML 示例发布到 docs/.vuepress/public/playground；(4) 维护基于 manifest 的示例同步脚本；(5) 把已失效的外部 iframe 链接迁移为站内静态路径。

Enforce maintainable UI and component code structure for the storyboard-system project. Use when the user asks for code style rules, component extraction, deduplication, JSX/DOM cleanup, frontend maintainability review, or refactors that turn repeated UI into data-driven structures.