skills.rest
SouleymaneSy7
SouleymaneSy7COMMUNITY
Explore all skills by this author →
Website𝕏@souleymanesy43GitHub

ui-ux-pro-max

Generate UI/UX design systems with searchable design element databases.

2|Updated Jul 17, 2025
Search Tags:#design system#color palette#ux design#ui design#pattern library
One-click install
npx skills add https://github.com/SouleymaneSy7/dots-files --skill ui-ux-pro-max-souleymanesy7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/SouleymaneSy7/dots-files/tree/main/opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/SouleymaneSy7/dots-files --skill ui-ux-pro-max-souleymanesy7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, pypdf, pdfplumber, pdf2image, ui-reasoning.csv, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, enabling users to quickly generate design systems with a searchable database.

Core Features & Use Cases

  • Design System Generation: Build comprehensive design systems with patterns, styles, colors, typography, and effects.
  • Searchable Database: Prioritized recommendations with reasoning and anti-patterns to avoid common mistakes.
  • Multi-Domain Search: Search across various design domains like color, chart types, typography, and more.
  • Stack Guidelines: Get implementation-specific best practices for different web and mobile development stacks.
  • Use Case: Suppose you need to design a new SaaS product. Use this Skill to generate a complete design system, select color palettes, choose typography, and get stack-specific guidelines.

Quick Start

Generate a design system for a SaaS product named "My Project" by running the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "SaaS product" --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 generate a UI/UX design system for a web or mobile SaaS product?▼

To generate a UI/UX design system for a SaaS product, you can execute the Python search script with your project name and target context to automatically output comprehensive patterns, colors, and typography.

What is a design system pattern library and how does it prevent common UI mistakes?▼

A design system pattern library is a searchable database of UI elements and best practices that provides prioritized recommendations with reasoning and highlights anti-patterns to avoid common design mistakes.

Can I search for specific design elements like color palettes and typography across different domains?▼

Yes, you can use the multi-domain search feature to query specific design elements like color palettes, chart types, and typography, receiving prioritized recommendations with reasoning for your application design.

Do I need Python3 and specific dependencies installed to build a design system with this tool?▼

Yes, you need Python3 installed along with pypdf, pdfplumber, and pdf2image dependencies, plus the ui-reasoning.csv data file to execute the design system generation scripts and search engine.

Does this tool provide stack-specific UI design guidelines for different web and mobile frameworks?▼

Yes, the tool provides implementation-specific best practices and stack guidelines for various web and mobile development stacks to ensure your UI design integrates correctly with your chosen framework.

What is the best way to select a color palette and typography for a new application design workflow?▼

The best way to select colors and typography is to use the multi-domain search engine to query your specific application context, which returns prioritized design recommendations and reasoning to guide your choices.

Related Skills

Explore More Design & Creative Skills→
MinhThang1009MinhThang1009
15

pdf

Extract text and tables from PDFs using pypdf and pdfplumber.

Community
Advanced
The-InterdependencyThe-Interdependency
1

ui-ux-pro-max

Generate UI/UX design patterns, color palettes, typography, and implementation checklists.

Official
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
sebach0sebach0

ui-ux-pro-max

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

Community
Advanced