skills.rest
miko06
miko06COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems from UI/UX pattern databases using Python scripts.

Updated Jun 16, 2026
Search Tags:#typography#design system#style guide#color palette#design automation#ui-ux
One-click install
npx skills add https://github.com/miko06/MedicineSimulator --skill ui-ux-pro-max-miko06
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/miko06/MedicineSimulator/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/miko06/MedicineSimulator --skill ui-ux-pro-max-miko06

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, scripts/search.py, scripts/design_system.py, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill offers a comprehensive UI/UX design guide and intelligent recommendations, significantly reducing the time spent on UI/UX design tasks.

Core Features & Use Cases

  • Comprehensive Design Guide: Access a database with 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Searchable Database: Find and apply UI/UX patterns and recommendations quickly.
  • Automated Design System Generation: Generate a full design system based on user requirements, including pattern, style, colors, typography, and effects.
  • Use Case: For a new web application, use this Skill to generate a design system with recommendations for style, color, typography, and more, speeding up the design process.

Quick Start

Run the following command to generate a design system for a product type 'e-commerce', industry 'fintech', and style 'minimal' with the project name 'My Project':

python3 skills/ui-ux-pro-max/scripts/search.py "e-commerce fintech minimal" --design-system -p "My Project"

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 automate UI/UX design system generation for a new web application?▼

Automate UI/UX design system generation by running the Python search script with parameters for product type, industry, and style. This generates a full design system including recommended patterns, color palettes, typography, and effects.

What is included in a searchable UI/UX design pattern database?▼

A searchable UI/UX design pattern database includes 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks to provide comprehensive design recommendations.

Do I need Python to generate a design system from UI guidelines?▼

Yes, Python is required to execute the search and design system scripts. You must run the specific Python libraries and script files to query the database and generate the automated design system outputs.

Can I find font pairings and color palettes for a fintech mobile app?▼

Find font pairings and color palettes for a fintech mobile app by querying the database with relevant industry and platform terms. The system returns matching styles and UX guidelines tailored to mobile application design processes.

What is the best way to structure a minimal style guide for an e-commerce project?▼

Structure a minimal style guide by executing the design system script with the e-commerce and minimal parameters. This automatically applies design reasoning rules to output a cohesive style, typography, and color palette system.

Related Skills

Explore More Design & Creative Skills→
mathruffian-dotmathruffian-dot
70

codex-env-setup

Set up Codex environments across desktop, CLI, and IDE extensions.

Community
Intermediate
congthang12312congthang12312

frontend-design

Convert design briefs into reusable frontend UI components with design tokens.

Community
Advanced
v1nizxv1nizx

stitch::extract-design-md

Extract color palettes, typography scales, and component styling patterns from frontend source code.

Community
Advanced
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced