🎯

design-button-hierarchy

🎯Skill

from gnurio/refactoring-ui-plugin

What it does

A UI design skill for creating clear button hierarchies that separate primary, secondary, and tertiary actions. Part of a 10-skill set based on Refactoring UI principles covering visual hierarchy, typography, color, spacing, and accessibility.

📦

Same repository

gnurio/refactoring-ui-plugin(7 items)

design-button-hierarchy

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add gnurio/refactoring-ui-plugin --skill design-button-hierarchy

skills.sh Install⚠ Installs to .agents/skills/

npx skills add gnurio/refactoring-ui-plugin --skill design-button-hierarchy

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-button-hierarchy/SKILL.md

SKILL.md

87Installs

AddedMay 24, 2026

View on GitHub Back to Skills

More from this repository6

🎯

build-color-palette🎯Skill

Ten structured AI skills for evaluating and improving UI designs, covering visual hierarchy, typography, color palettes, spacing, button hierarchy, visual clutter, empty states, shadows, contrast, and element grouping.

🎯

apply-consistent-spacing🎯Skill

Ten structured AI skills for evaluating and improving UI designs, covering visual hierarchy, typography, color, spacing, buttons, clutter, empty states, shadows, contrast, and grouping. Includes a meta-skill orchestrator that runs a full design pass across all ten areas.

🎯

design-empty-states🎯Skill

Ten AI skills for evaluating and improving UI designs, covering visual hierarchy, typography, color, spacing, buttons, empty states, shadows, contrast, and grouping, with a meta-skill that runs a full design pass. Based on Refactoring UI by Adam Wathan and Steve Schoger.

🎯

establish-visual-hierarchy🎯Skill

Ten structured AI skills for evaluating and improving UI designs, covering visual hierarchy, typography, color, spacing, buttons, clutter, empty states, shadows, contrast, and grouping. Based on the principles from Refactoring UI by Adam Wathan and Steve Schoger.

🎯

eliminate-visual-clutter🎯Skill

A UI design skill that identifies and removes visual clutter from interfaces, part of the Refactoring UI plugin with 10 focused skills covering visual hierarchy, typography, color, spacing, and more.

🎯

manage-color-contrast🎯Skill

A UI design skill that evaluates and improves color contrast in interfaces, part of the Refactoring UI plugin with 10 skills covering visual hierarchy, typography, spacing, buttons, and more based on Refactoring UI principles.