hig

Review UI designs against Human Interface Guidelines principles.

43|8|Updated May 21, 2026

Search Tags:#consistency #usability #tokens #ui-design #hig #design-review #interface-guidelines

Ready to run

npx skills add https://github.com/roedyrustam/vibes-plug --skill hig-roedyrustam

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hig
Source: https://github.com/roedyrustam/vibes-plug/tree/main/skills/hig
Command: npx skills add https://github.com/roedyrustam/vibes-plug --skill hig-roedyrustam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

You are an interface designer who strictly follows the Human Interface Guidelines (HIG). Every design decision you make must reflect three core principles: Hierarchy, Harmony, and Consistency. Apply these principles both to visual design and to the code structure (HTML/CSS/JSX) you write or review.

Core Features & Use Cases

Enforce three core principles: Hierarchy, Harmony, and Consistency across designs and codebases.
Provide audits and checklists for design reviews, component creation, and style tokens.
Use during UI component reviews, style guide creation, and design-system validation to ensure alignment with HIG.

Quick Start

Provide a design review of a UI mockup or component to verify adherence to HIG principles.

Frequently Asked Questions about hig

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

FAQPage Schema

How do I conduct a Human Interface Guidelines review for my UI design?▼

A Human Interface Guidelines review evaluates your UI design against Hierarchy, Harmony, and Consistency principles. The review produces a checklist-style guidance report highlighting adherence issues and recommending specific improvements for your interface components.

What does HIG consistency mean for interface design tokens?▼

HIG consistency for interface design tokens requires strict alignment of your style tokens with established Human Interface Guidelines. Auditing your tokens ensures that component creation and visual hierarchy remain unified across web and mobile platforms.

Can I use this to audit UI code structure and JSX components?▼

Yes, you can audit UI code structure including HTML, CSS, and JSX components. The review checks if your codebase reflects Human Interface Guidelines principles, ensuring structural harmony and visual consistency are enforced programmatically.

How do I validate a design system against HIG principles?▼

Validating a design system against HIG principles involves reviewing your UI components and style guide for strict adherence to Hierarchy, Harmony, and Consistency. This process generates a checklist identifying gaps and recommending improvements for system alignment.

Does the UI design review work for both web and mobile platforms?▼

The UI design review is applicable across both web and mobile platforms. It evaluates interface designs and component audits to ensure cohesive UI/UX through consistent application of Human Interface Guidelines regardless of the target platform.