hig

仓库创建 2026年5月22日最近提交 18 小时前SkillHot 收录 20 天前

▸ 精选理由

能把抽象设计原则落到具体界面决策上，适合设计审查。

这个 Skill 做什么

根据层级、和谐与一致性原则为界面设计提供 HIG 指南与建议。

按照 HIG 的三大原则：Hierarchy、Harmony 和 Consistency，给界面设计提供布局、视觉和交互层面的建议，帮助界面更直观、统一。适合做 UI 评审、组件库规范化或提升产品一致性时使用。特点是把抽象设计原则具体化，方便把设计落成可复用的规范和实现细则。

▸ 展开 SKILL.md 英文原文

Applies Human Interface Guidelines (HIG) principles — Hierarchy, Harmony, and Consistency — to UI/UX designs to ensure intuitive and cohesive interfaces / Menerapkan prinsip Human Interface Guidelines (HIG) — Hierarchy, Harmony, dan Consistency — pada desain UI/UX untuk memastikan antarmuka yang intuitif dan kohesif.

内容创作UI/UX设计规范一致性通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/hig/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/hig/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Human Interface Guidelines (HIG)

[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)

---

<a name="english"></a>
## English

### Description
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.

### Three Core Principles

#### 1. Hierarchy
> *Establish a clear visual hierarchy where controls and interface elements elevate and distinguish the content beneath them.*
- **Hierarchical Typography**: Use a consistent font size

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有