Design Style Skill

Purpose

This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.

When to Use

This skill is automatically invoked when:

• User asks to build a web page, landing page, or web application
• User requests a UI component with a specific design style
• User mentions frontend, React, Vue, or web development
• User asks for a specific aesthetic (e.g., "make it look modern and dark" or "use a brutalist style")

Available Design Styles

The following design systems are available in the prompts/ directory: