skills.rest
roedyrustam
roedyrustamCOMMUNITY
Explore all skills by this author →
Website𝕏@rudyashoGitHub

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
One-click install
npx skills add https://github.com/roedyrustam/vibes-plug --skill hig-roedyrustam
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
tiankong0101-bytetiankong0101-byte

frontend-design

Design user interfaces, wireframes, mockups, and prototypes for product experiences.

Community
Intermediate
Hey-ViswaHey-Viswa

uber-design-skill

Implement Uber design-system patterns with tokens and layout rules for React/Next.js projects.

Community
Advanced
klhklh
9

core-components

Provide reusable core components and design tokens for frontend UI development.

Community
Intermediate
evandrodevbrevandrodevbr
1

web-design-guidelines

Review web interfaces for design, usability, and accessibility compliance issues.

Community
Intermediate