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")