ui-professional

Apply UI design principles to Claude for clear, usable interfaces.

2|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/damacus/agent-skills --skill ui-professional
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-professional
Source: https://github.com/damacus/agent-skills/tree/main/skills/ui-professional
Command: npx skills add https://github.com/damacus/agent-skills --skill ui-professional

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude's UI design reasoning often lacks consistency and clarity. This skill standardizes UI thinking around Gestalt principles, information theory, and interaction design to produce more usable interfaces.

Core Features & Use Cases

  • Modules cover Feedback & Alerting, Buttons & Actions, Layout & Spacing, and Visual Hierarchy to guide UI decisions.
  • Use cases include interface critique, generation of reusable UI patterns, accessibility validation, and consistent typography/color decisions across dashboards, forms, and workflows.
  • Real-world example: Given a UI mockup, generate an actionable redesign checklist that improves proximity, hierarchy, and affordance.

Quick Start

Provide a prioritized redesign plan for a given UI mockup applying Gestalt, signal-to-noise, and hierarchy principles.

Frequently Asked Questions about ui-professional

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

FAQPage Schema
How do I apply UI design principles to improve visual hierarchy and layout spacing?

To improve visual hierarchy and layout spacing, apply Gestalt principles and information theory to standardize UI decisions, producing clear, usable interfaces with consistent typography and color across dashboards and forms.

What is the best way to critique a UI mockup and generate an actionable redesign checklist?

The best way to critique a UI mockup is to evaluate proximity, hierarchy, and affordance using Gestalt and signal-to-noise principles, generating a prioritized redesign checklist that improves overall interface usability.

How do I design accessible feedback and alerting components for interactive UIs?

Design accessible feedback and alerting components by applying modular interaction design guidance, ensuring consistent component behavior and accessibility considerations across interactive UIs, dashboards, and workflows.

Can I use this approach to validate accessibility and consistent color decisions across forms?

Yes, you can validate accessibility and consistent color decisions across forms by applying standardized UI design reasoning, which ensures consistent typography, color, and accessibility considerations throughout interactive interfaces.

Why does my UI design lack consistency and clarity in buttons and actions?

Your UI design lacks consistency and clarity in buttons and actions when design reasoning is not standardized; applying Gestalt principles and interaction design modules resolves this by producing clear, usable interface patterns.