Smithery Logo
MCPsSkillsDocsPricing
Login
Smithery Logo

Accelerating the Agent Economy

Resources

DocumentationPrivacy PolicySystem Status

Company

PricingAboutBlog

Connect

© 2026 Smithery. All rights reserved.

    winsonwq

    ui-tester

    winsonwq/ui-tester
    Design
    1 installs

    About

    SKILL.md

    Install

    Install via Skills CLI

    or add to your agent
    • Claude Code
      Claude Code
    • Codex
      Codex
    • OpenClaw
      OpenClaw
    • Cursor
      Cursor
    • Amp
      Amp
    • GitHub Copilot
      GitHub Copilot
    • Gemini CLI
      Gemini CLI
    • Kilo Code
      Kilo Code
    • Junie
      Junie
    • Replit
      Replit
    • Windsurf
      Windsurf
    • Cline
      Cline
    • Continue
      Continue
    • OpenCode
      OpenCode
    • OpenHands
      OpenHands
    • Roo Code
      Roo Code
    • Augment
      Augment
    • Goose
      Goose
    • Trae
      Trae
    • Zencoder
      Zencoder
    • Antigravity
      Antigravity
    ├─
    ├─
    └─

    About

    基于项目 UI 设计规范进行自动化代码审查和视觉一致性检查。

    SKILL.md

    Skill: UI Tester

    该技能让 Agent 具备“设计师的眼睛”。它不仅检查代码逻辑,还参考 references/ui_design_spec.md 中的规范来检查:

    1. 颜色值是否符合主题色(Theme Colors)。
    2. 间距(Spacing)是否符合 8px 网格系统。
    3. 字体(Typography)是否使用了正确的层级。

    使用场景

    1. 在 PR 审查阶段检查 UI 组件是否合规。
    2. 生成新的页面模板。

    参考资料

    • references/ui_design_spec.md: 包含颜色、字体、阴影等设计 Token。
    Recommended Servers
    Browser tool
    Browser tool
    Unicorn or Bust
    Unicorn or Bust
    mrc-data
    mrc-data
    Repository
    winsonwq/ai-courses