skills.rest
hujianbest
hujianbestCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

hf-ui-review

Review UI design drafts and generate structured findings reports.

1|Updated Mar 22, 2026
Search Tags:#accessibility#design-system#design-review#peer-review#ui-review#design-approval
One-click install
npx skills add https://github.com/hujianbest/garage-agent --skill hf-ui-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hf-ui-review
Source: https://github.com/hujianbest/garage-agent/tree/main/packs/coding/skills/hf-ui-review
Command: npx skills add https://github.com/hujianbest/garage-agent --skill hf-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

评审 UI 设计草稿以输出正式评审 verdict，确保在并行评审流程中 UI 设计方向与规格、设计系统保持一致，并防止未对齐的设计漂移。

Core Features & Use Cases

  • Formal peer review verdicts: 通过独立评审对 UI 草稿给出结论。
  • Multi-artefact alignment: 与 hf-design-review 的对齐，验证 IA、交互状态、可访问性等。
  • Findings and ADR generation: 产出发现项和 ADR 记录，供迭代使用。
  • Record-keeping & handoff: 将结论及对齐点落盘，便于与 hf-tasks/ hf-workflow-router 协作。

Quick Start

为当前 UI 设计草稿提交正式评审 verdict，并生成结构化的发现项报告。

Frequently Asked Questions about hf-ui-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I conduct a formal UI design review for accessibility and design token usage?▼

A formal UI design review evaluates UI drafts against approved specs and design tokens. It applies structured evaluation across information architecture, accessibility, state coverage, and design-token usage to deliver an official findings report.

What is the best way to prevent design drift during parallel UI design reviews?▼

Parallel UI design reviews prevent design drift by enforcing multi-artefact alignment with approved specs. A reviewer subagent independently evaluates UI drafts to ensure direction consistency and outputs a formal peer review verdict.

Can I use UI design review to generate ADR records for design iterations?▼

Yes, UI design review generates findings and Architecture Decision Records (ADR) for iteration. It records conclusions and alignment points to support design handoff and integration with workflow routing systems.

How does a reviewer subagent provide an official verdict on UI drafts?▼

A reviewer subagent provides an official verdict by applying structured evaluation to UI drafts. It assesses IA, interaction states, and accessibility, then outputs a structured findings report for workflow routing.

Do I need approved specs and design tokens before starting a UI design peer review?▼

Yes, approved specs and design tokens are required for UI design peer review. The review process explicitly evaluates UI drafts for alignment with these design system elements to prevent unaligned design changes.

Related Skills

Explore More Design & Creative Skills→
RemseyMailjardRemseyMailjard

frontend-design-review

Review UI implementations against design tokens and Figma specs.

Community
Advanced
hujianbesthujianbest
1

using-hf-workflow

Decide between direct leaf skill invocation and workflow router routing.

Community
Intermediate
timurgaleevtimurgaleev
5

plan-design-review

Identify missing design decisions in a PLAN and record feedback before implementation.

Community
Advanced
sddevelopment-besddevelopment-be
13

review

Assess architectural decisions and code quality to generate a structured review document with ADR compliance and security checks.

Official
Advanced