ZUI 开发调试页

SkillDev tools

Lets your agent create and update debug playground pages and README examples for ZUI 3 library components.

Available today. Use it from your connected AI after setup.

No other account needed.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the ZUI 开发调试页 skill

About this capability

维护 ZUI 主仓库 lib/* 的开发调试页、README 示例及 dev.ts 生命周期。需求明确时直接实施。

What this skill tells your AI

The instructions your AI receives, as published by easysoft/zui in .agents/skills/zui-dev/SKILL.md and read by ahel’s review.

定位仓库根目录和目标 lib/<lib-name>；缺少会改变演示目标或交互方式的信息时先询问，否则直接实施。
完整读取根目录 AGENTS.md、../zui-standards/references/workflow.md 和 ../zui-standards/references/dev-page.md。
阅读目标入口、公开 API、样式、现有 README.md、dev.ts 与两个相近库的调试页。覆盖主要状态、交互、边界和无障碍场景，不复制不存在的 API。
在 README.md 中使用 info string 为 html:example:<utility classes> 的代码围栏构建实例 DOM；通过 @/ 引用库内资源。
在 dev.ts 中导入目标入口和演示依赖。DOM 每次重建后都要执行的初始化放进 onPageUpdate；真正的一次性全局设置才放进 onPageLoad。
避免重复全局监听、冲突 ID、不可清理的计时器和遗留实例。不要修改正式文档或运行时 API，除非请求或共享批准范围明确包含它们。
运行静态检查；适合时启动 pnpm dev 并访问 /<lib-name>/ 验证渲染与交互。不要遗留后台服务。
汇报调试场景、生命周期处理、验证结果和未覆盖项，不自动提交。

独立调用且目标明确时不设置额外确认门禁。
由 $zui-component、$zui-helper、$zui-lib 或 $zui-optimize 调用时，只处理共享计划中的调试页范围，不重复确认。
用户只要求评审时保持只读。

Advanced