A Claude Code plugin that brings 35 years of UX expertise into a conversational design methodology. Creates outstanding, non-generic websites through strategic questioning and modern design principles.

Updated for 2025-2026 with the latest design trends, CSS techniques, and interaction patterns.

• Conversational Discovery - Questions asked one at a time to deeply understand your needs
• 7 Design Directions - From Industrial Editorial to Neubrutalism to Warm Minimalism
• Design Blending - Combine 2-3 directions for unique results
• Modern CSS Techniques - Scroll-driven animations, container queries, variable fonts
• Anti-Generic Philosophy - Reject template-driven thinking

claude plugins add github:Eskapeum/website-design-veteran

1. Clone the repository:

git clone https://github.com/Eskapeum/website-design-veteran.git
cd website-design-veteran

2. Install as local plugin:

claude plugins add ./

Once installed, invoke the skill in any Claude Code session:

/website-design-veteran

Or simply ask Claude to help design a website - it will use this methodology.

• /website-design-veteran - Start a conversational design session

• website-design - Complete design methodology with:
  • Phase 1: Understanding (Business context, competitive landscape, constraints)
  • Phase 2: Design Direction (7 distinct options to choose from)
  • Phase 3: Design System Creation (Colors, typography, shapes, motion)
  • Phase 4: Component Design (Hero, features, pricing, CTAs)

• Scroll-driven animations (animation-timeline: view())
• Container queries for modular components
• Scroll state queries
• Native CSS nesting
• text-wrap: balance for typography
• Anchor positioning
• Native carousel with ::scroll-button() and ::scroll-marker()
• sibling-index() for staggered animations

"Good design isn't about following trends. It's about understanding the problem deeply enough that the solution feels inevitable."

Generic designs fail because they:

• Look like every competitor
• Use "tech blue" that everyone else owns
• Apply rounded corners because "that's what's modern"
• Follow AI-generated templates without human intention

Distinctive designs succeed because they:

• Reflect the specific industry and audience
• Make bold typographic choices
• Use color with restraint and intention
• Tell the brand's unique story

This plugin incorporates research from:

• Chrome Dev - CSS Wrapped 2025
• State of CSS 2025
• MDN - CSS Scroll-driven Animations
• Fontfabric - Typography Trends 2025
• Creative Bloq - Typography Trends 2026

MIT

Created by Eskapeum

Built from a real design session creating the HaulDeck fleet management landing page.

Website Design Veteran v2.0 | 35 years of UX experience | 2025-2026 design trends