ui-design

UI Design Plugin

Craft distinctive, visually striking UIs that avoid generic "AI slop" aesthetics.

What it does

This plugin provides opinionated design guidance for building frontends that look intentional and human-crafted rather than AI-generated. It covers typography, color, motion, and backgrounds for both web (React/HTML/Tailwind) and SwiftUI platforms.

Components

• Skill (ui-design): Automatically loaded when Claude detects a UI creation task. Provides detailed guidance on typography choices, color palettes, animation, and background techniques.
• Command (/ui-design): Manually invoke the design guidance before starting any visual interface work.

Installation

Claude Code

Place this plugin directory in your Claude Code plugins path, or install the .plugin file directly.

Standalone Skill

Copy skills/ui-design/SKILL.md to your project's .claude/skills/ui-design/SKILL.md directory.