Skill 与 AgentSKILLS & AGENTS· BROWSER
ShuaiMXu/happyhands
给AI编程助手用的UI设计审查工具,能截图、查代码、对比改前改后。HappyHands gives coding agents a local workbench to inspect screenshots, catch UI drift, and scope design fixes.
根据公开文档整理,未运行实测;费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
审查截图找出设计问题
确定代码改动影响范围
比较修改前后结果
检查无障碍与一致性
Inspect screenshots for visual inconsistencies
Map code changes to affected routes and components
Audit components for accessibility and state coverage
Compare implementation values against design foundations
Plan fixes scoped to project evidence and approved design
上手GET STARTED
git clone https://github.com/ShuaiMXu/happyhands.git选择与你的环境对应的方式。命令来自项目文档,未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查,未执行项目代码;扫描没有命中,不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险,但不代表安全。The static scan found no obvious risk patterns in the documentation, but this does not prove the project is safe. Review the code before using it in production.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 NOV 202603 NOV 2026
增长GROWTH
+232.6%+232.6%
86 → 286 stars · 6 个快照86 → 286 stars · 6 snapshots
状态STATUS
持续活跃Active
质量 AQuality A
项目近7天有4次提交,开发活跃,适合早期采用者。286 stars and active development with 4 commits in the last week.
依赖:Dependencies:@radix-ui/react-checkbox, @radix-ui/react-dialog, @radix-ui/react-select, @tiptap/pm, @tldraw/assets, ajv, axe-core, playwright-core, postcss, react, react-dom, tldraw
{
"agents": [
{
"agent": "claude-code",
"evidence": "readme: …idation of every feature. | | Claude Code | Implementation adapter for…"
},
{
"agent": "codex",
"evidence": "readme: …s. Configure and sign in to **Codex CLI** to use the workbench’s buil…"
},
{
"agent": "cursor",
"evidence": ".agents/skills/design-md/SKILL.md: …ks in READMEs, design-related Cursor rules or agent docs Then classify…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 0,
"ai-tools": 0,
"dev-tools": 5,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "browser"
},
"localRuntime": "itory review and code changes run locally. ## How it works 1. **Inspect the pag",
"skillMdTotal": 32,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 1,
"agent": 0,
"media": 0,
"design": 13,
"browser": 0,
"devtool": 3,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "32 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 31 markdown files",
"weight": 0.75
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
".agents/skills/design-md/SKILL.md",
".agents/skills/frontend-design/SKILL.md",
"skills/experience-remediation/SKILL.md",
"skills/happyhands-ui/SKILL.md",
"skills/product-design/accessibility-reviewer/SKILL.md",
"skills/product-design/brand-foundation-extractor/SKILL.md",
"skills/product-design/change-impact-mapper/SKILL.md",
"skills/product-design/component-inventory/SKILL.md",
"skills/product-design/component-reuse-planner/SKILL.md",
"skills/product-design/component-state-auditor/SKILL.md",
"skills/product-design/consistency-auditor/SKILL.md",
"skills/product-design/content-design-reviewer/SKILL.md",
"skills/product-design/design-system-drift-detector/SKILL.md",
"skills/product-design/error-recovery-reviewer/SKILL.md",
"skills/product-design/experience-score-calibrator/SKILL.md",
"skills/product-design/expertise-candidate-author/SKILL.md",
"skills/product-design/fix-planner/SKILL.md",
"skills/product-design/foundation-extractor/SKILL.md",
"skills/product-design/incremental-review-router/SKILL.md",
"skills/product-design/information-architecture-reviewer/SKILL.md",
"skills/product-design/interaction-reviewer/SKILL.md",
"skills/product-design/judgment-distiller/SKILL.md",
"skills/product-design/pattern-library-curator/SKILL.md",
"skills/product-design/regression-case-author/SKILL.md",
"skills/product-design/responsive-reviewer/SKILL.md",
"skills/product-design/skill-regression-evaluator/SKILL.md",
"skills/product-design/token-contrast-auditor/SKILL.md",
"skills/product-design/token-normalizer/SKILL.md",
"skills/product-design/trust-conversion-reviewer/SKILL.md",
"skills/product-design/visual-hierarchy-reviewer/SKILL.md",
"skills/product-design/visual-qa-evaluator/SKILL.md",
"skills/review-product/SKILL.md"
],
"skillMdFetched": 32
}