bencium-innovative-ux-designer

✓Verified·Scanned 2/18/2026

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

by bencium·v2.0.0·51.5 KB·76 installs
Scanned from main at f448451 · Transparency log ↗
$ vett add bencium/bencium-claude-code-design-skill/bencium-innovative-ux-designer

Innovative UX Designer Skill

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.

Philosophy

Bold creativity meets production rigor. This skill generates unique, memorable interfaces while maintaining accessibility and responsive patterns. No "AI slop" - every design should feel intentionally crafted.

Structure

bencium-innovative-ux-designer/
├── SKILL.md              # Main skill (Design Thinking, anti-patterns, implementation)
├── ACCESSIBILITY.md      # WCAG 2.1 AA essentials (progressive disclosure)
├── MOTION-SPEC.md        # Animation timing and easing (progressive disclosure)
├── RESPONSIVE-DESIGN.md  # Breakpoints and mobile-first (progressive disclosure)
└── README.md             # This file

Key Principles

1. Design Thinking Protocol

Ask questions first to understand context, then commit boldly to an aesthetic direction.

2. Anti-Generic Aesthetics

Avoid: Inter, Roboto, Space Grotesk, SaaS blue (#3B82F6), glass morphism, Apple mimicry

Embrace: Characterful typography, unexpected color combinations, intentional visual hierarchy

3. Bold Visual Expression

Shadows and gradients are creative tools when used intentionally. The constraint is against effects that serve no purpose or mimic platforms.

4. Accessibility Baseline

WCAG 2.1 AA compliance enables creativity - it's a foundation, not a limitation.

Tone Options

Pick an extreme to commit to:

  • Brutally minimal - stripped to essence, bold typography
  • Maximalist chaos - layered, dense, controlled disorder
  • Retro-futuristic - vintage meets sci-fi
  • Organic/natural - earth tones, flowing shapes
  • Editorial/magazine - grid-based, typographic
  • Brutalist/raw - exposed structure, monospace

Version History

  • v2.0.0 (2025-11-22): Creative liberation update
    • Added Design Thinking Protocol with tone options
    • Lifted shadow/gradient restrictions (glass still banned)
    • Added anti-pattern fonts and colors
    • Compressed supporting files
    • Removed DESIGN-SYSTEM-TEMPLATE.md
  • v1.0.0 (2025-10-18): Initial release