skills.rest
bugrabilge
bugrabilgeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, and UX guidelines.

10|2|Updated Mar 10, 2026
Search Tags:#typography#ui#web development#design system#color palette#ux#mobile app design
One-click install
npx skills add https://github.com/bugrabilge/bilge-development-kit --skill ui-ux-pro-max-bugrabilge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bugrabilge/bilge-development-kit/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bugrabilge/bilge-development-kit --skill ui-ux-pro-max-bugrabilge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating professional, consistent, and user-friendly designs for web and mobile applications by providing a comprehensive and searchable design intelligence system.

Core Features & Use Cases

  • Automated Design System Generation: Creates detailed design systems including styles, color palettes, typography, and UX guidelines.
  • Stack-Specific Guidelines: Offers best practices for various technology stacks like React, Vue, and HTML/Tailwind.
  • Use Case: A developer needs to design a new SaaS dashboard. They can use this Skill to generate a complete design system, ensuring consistency and adherence to modern UX principles, and then get specific implementation advice for their chosen tech stack.

Quick Start

Generate a design system for a "beauty spa wellness service" with elegant and professional keywords.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete design system for my web application?▼

To generate a complete design system for a web application, you provide keywords describing your project, and the system outputs over 50 styles, 95+ color palettes, typography rules, and UX guidelines to ensure professional UI consistency.

Can I get specific UI implementation guidelines for React and Vue?▼

Yes, you can get stack-specific UI implementation guidelines for React, Vue, and HTML/Tailwind, providing best practices and technical recommendations to apply your generated design system directly within your chosen framework.

What is the best way to create a consistent color palette and typography for a mobile app?▼

The best way to create consistent color palettes and typography for a mobile app is by using an AI-powered design intelligence system that automatically generates matching styles and detailed UX guidelines based on your project keywords.

Does this design intelligence system support Tailwind CSS for SaaS dashboards?▼

Yes, this design intelligence system supports HTML/Tailwind, offering specific implementation recommendations and best practices to help you build consistent SaaS dashboards efficiently.

How many color palettes and styles are available for mobile app design?▼

There are over 95 color palettes and 50 styles available for mobile app design, allowing you to automatically generate a varied, professional, and consistent user interface tailored to your specific application needs.

Related Skills

Explore More Design & Creative Skills→
atxinskyatxinsky
4

ui-ux-pro-max

Retrieve stack-specific UI/UX design guidelines and generate design tokens.

Community
Advanced
markdo27markdo27

ui-ux-pro-max

Provide UI/UX styles, palettes, fonts, and guidelines for web and mobile apps.

Community
Advanced
MaxKlat29MaxKlat29

ui-ux-pro-max

Create UI/UX design systems and review interfaces for accessibility and consistency.

Community
Intermediate
tobilafinhangittobilafinhangit
2

figma-design-references

Convert Figma design frames to static HTML/CSS files.

Community
Intermediate