Skills
.Work. You
Rest

ui-professional

Community

Turn Claude into a disciplined UI designer.

Design & Creative#accessibility#design-principles#ui-design#gestalt#visual-hierarchy#layout-spacing
Authordamacus
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-professional
Download link: https://github.com/damacus/agent-skills/archive/main.zip#ui-professional

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.