ui-check-framework

SKILL.md

Create or refine an automated UI self-check system that discovers UI blocks via data-qa tags and enforces behavioral/visual contracts (themes, animations, loading, layout stability, modal usability, error visibility). The framework must scale to new cards, modals, toasts, and actions without writing new test cases each time.

使用 Playwright 为 Web UI（React/Vite 或纯 HTML）构建或扩展可扩展的 UI 自检框架。当要求添加/升级​​ ui-check 或 ui-watch 流程、强制执行 data-qa/data-testid 发现、添加主题/对比度检查、动画验证、加载状态机检查、布局稳定性/重叠检查、模式滚动规则或记录 QA 标记标准和 UI 测试命令时使用。 来源：yiyousiow000814/xauusd-calendar-agent。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/yiyousiow000814/xauusd-calendar-agent --skill ui-check-framework 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

安全认证，代码可靠安全 一键安装，配置简单 兼容 Claude Code、Cursor 等工具

查看原文