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.

按共享工作流定位目标、检查已有改动并复用上下文；按其澄清规则消除影响本次交付的歧义，需求明确时直接实施。
按需阅读 dev-page 规范中与本次变更有关的部分。
阅读本次涉及的页面内容、dev.ts 及相关 API 或样式；需要设计新场景或判断生命周期时再检查对应实现和必要参考。
在 README.md 中使用 info string 为 html:example:<utility classes> 的代码围栏构建实例 DOM；通过 @/ 引用库内资源。
在 dev.ts 中导入目标入口和演示依赖。DOM 每次重建后都要执行的初始化放进 onPageUpdate；真正的一次性全局设置才放进 onPageLoad。
避免重复全局监听、冲突 ID、不可清理的计时器和遗留实例。不要修改正式文档或运行时 API，除非请求或共享批准范围明确包含它们。
按共享工作流验证本次改动并完成范围内修复；涉及渲染、交互或 HMR 时复用或启动 pnpm dev 验证对应场景，服务按归属和用途管理。
汇报调试场景、生命周期处理、验证结果和未覆盖项，不自动提交。

Advanced