HeroUI Design Intelligence Skill 🎨

This skill empowers Claude to act as a Senior UI/UX Designer by leveraging the HeroUI MCP Server. It goes beyond simple code generation by understanding design principles, layout orchestration, and component composition.

🚀 Core Capabilities

1. Layout Orchestration (orchestrate_layout)

• Understands the business purpose of a page.
• Designs information hierarchy based on priority (Conversion, Information, Aesthetic).
• Generates structural layouts that are responsive and production-ready.

2. Component Composition (compose_section)

• Composes complex sections (Hero, Features, Pricing) instead of just atomic components.
• Supports multiple visual styles: Minimal, Bold, Glassmorphism, and Flat.
• Ensures all sub-components work together harmoniously.

3. Theme Synchronization (configure_theme)

• Manages global design consistency.
• Synchronizes brand colors, border radius, and color modes (Dark/Light).