Can I manually override the AI's recommendation?

Absolutely. You can explicitly tell Claude to use any of the 30+ available styles by name, such as 'Use the Luxury style' or 'Apply Cyberpunk themes'.

How does the AI choose the best design for my project?

The skill analyzes your project description based on industry, target audience, brand tone, and functional requirements to recommend the 2-3 most effective styles.

How many design styles are included in this skill?

The skill includes over 30 professionally curated design systems, covering a wide range of aesthetics from Swiss Minimalist to Cyberpunk and Bauhaus.

Can I use specific icon libraries with these styles?

Yes, the skill is standardized to use the Lucide icon library, automatically adjusting icon stroke widths and sizes to match the chosen design style.

AI Design System Builder

Name: AI Design System Builder
Author: ttmouse

byttmouse

•

Design Tools

Generates and applies professional design systems to frontend projects using smart recommendations from over 30 distinct visual styles.

This skill transforms Claude into a professional design expert capable of building cohesive user interfaces based on specific project needs. It analyzes industry type, target audience, and brand personality to recommend the most suitable design systems from a library of 30+ curated styles, ranging from Minimalist and SaaS to Cyberpunk and Luxury. Once a style is chosen, the skill automatically applies comprehensive design tokens—including typography, color palettes, spacing, and Lucide icons—to ensure a production-grade, aesthetically consistent interface across all components.

Key Features

01Library of 30+ professional design systems including SaaS, Neo Brutalism, and Minimalist

02Responsive UI implementation for mobile, tablet, and desktop layouts

03Automated application of design tokens for colors, typography, and spacing

04Integrated Lucide icon support with style-specific configurations

05Intelligent style recommendations based on industry, audience, and brand tone

0625 GitHub stars

Use Cases

01Applying high-end 'Luxury' or 'Monochrome' branding to an e-commerce storefront

02Rapidly prototyping a professional SaaS landing page with high-conversion aesthetics

03Theming a developer tool with specialized 'Terminal' or 'Modern Dark' styles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ttmouse/skills designprompt

For use in Claude.ai and ChatGPT

Download Skill