AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Ui Validator

skill-caomeiyouren-cmyr-skills-agents-ui-validator · by CaoMeiYouRen

任何可见 UI 改动、交互变更、样式修复、响应式适配、暗色模式适配和浏览器侧回归验证都应使用。它负责在真实页面中验证实际渲染效果，而不是只看代码。用户提到 UI validate、screenshot、browser check、responsive、dark mode、视觉回归时都应触发。

↗ Repository
— No reviews yet
0 installs
22 views
0.0% view→install

Install

$ agentstack add skill-caomeiyouren-cmyr-skills-agents-ui-validator

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-caomeiyouren-cmyr-skills-agents-ui-validator)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 1mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Ui Validator? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

UI Validator

铁律：没有真实渲染证据，就不能宣布 UI 改动完成。

工作流

  • [ ] Step 1: 开发环境自检 ⚠️ REQUIRED
  • [ ] 1.1 先确认目标服务是否已启动，避免重复拉起开发服务器。
  • [ ] 1.2 明确要访问的页面、组件演示路径或交互入口。
  • [ ] Step 2: 执行浏览器验证 ⚠️ REQUIRED
  • [ ] 2.1 至少检查默认主题和暗色模式。
  • [ ] 2.2 必要时检查移动端与桌面端视口。
  • [ ] 2.3 对关键交互执行点击、悬停、输入或状态切换。
  • [ ] Step 3: 留证据
  • [ ] 3.1 优先使用截图、可访问性快照或计算样式值作为证据。
  • [ ] 3.2 记录问题发生条件，而不是只说“样式不对”。
  • [ ] Step 4: 回归结论
  • [ ] 4.1 明确哪些场景通过、哪些仍有问题。
  • [ ] 4.2 如果发现回归，反馈到前端实现阶段处理。

重点检查

  • light / dark 模式。
  • desktop / mobile 布局。
  • 关键交互状态。
  • 对比度、间距、圆角、层级、溢出和禁用态。

反模式

  • 不开页面，只读代码就宣布 UI 正常。
  • 只看一张截图，不验证交互状态。
  • 不说明问题发生条件和视口尺寸。

交付前检查

  • [ ] 已在真实页面验证关键场景。
  • [ ] 已留截图、快照或样式值证据。
  • [ ] 已覆盖至少两种主题或关键视口。
  • [ ] 结论中明确了通过项与残余问题。

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Web & Browser