skills.rest
haposoft
haposoftOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Integrate UI/UX design system recommendations into development workflows.

54|Updated Jan 21, 2026
Search Tags:#mobile design#design system#web design#ux design#ui design#ui-ux
One-click install
npx skills add https://github.com/haposoft/cafekit --skill ui-ux-pro-max-haposoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/haposoft/cafekit/tree/main/packages/spec/src/claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/haposoft/cafekit --skill ui-ux-pro-max-haposoft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, ui-reasoning.csv, colors.csv, styles.csv, charts.csv, ux-guidelines.csv, typography.csv, icons.csv, react-performance.csv, app-interface.csv, google-fonts.csv, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill unit streamlines the process of integrating UI/UX design intelligence into development workflows, enabling designers and developers to access design systems, UI components, and guidelines easily.

Core Features & Use Cases

  • Comprehensive UI/UX Guide: Provides design system recommendations, color palettes, typography pairings, and more.
  • Searchable Database: Offers a priority-based search of UI/UX patterns and best practices.
  • Integration: Can be used to improve UI/UX consistency across different projects and platforms.
  • Use Case: Imagine you are developing a new website and need to choose the right color scheme, typography, and layout. Use this Skill to access a comprehensive guide that can help you make informed design decisions.

Quick Start

Run the skill with the 'ui-ux-pro-max' command to explore UI/UX design intelligence.

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 integrate a UI design system into my web development workflow?▼

You can integrate a UI design system into your web development workflow by using this Skill to access comprehensive recommendations for color palettes, typography pairings, and UI components, ensuring design consistency across your projects. It requires a Python environment to run.

What is the best way to choose a color scheme and typography for a new mobile app?▼

The best way to choose a color scheme and typography for a new mobile app is to query a searchable database of UI/UX patterns. This Skill provides priority-based search across design files to help you make informed decisions for your mobile design layout.

Do I need Python to access the UX guidelines and UI component references?▼

Yes, you need Python installed to access the UX guidelines and UI component references. The Skill runs via Python and relies on specific design system CSV files like colors, typography, and charts to deliver its design intelligence.

Can I use this to improve UI consistency across different platforms like web and mobile?▼

Yes, you can use this to improve UI consistency across different platforms like web and mobile. It provides comprehensive design system resources and app-interface guidelines that streamline cross-platform UI/UX consistency for both designers and developers.

How do I search for specific UI patterns and best practices for my project?▼

You search for specific UI patterns and best practices by running the command to explore the design intelligence database. It offers a priority-based search across UX guidelines, styles, and icons to find the right recommendations for your project.

What types of design assets and guidelines are included in the searchable database?▼

The searchable database includes design assets and guidelines such as color palettes, typography pairings, styles, charts, icons, and react-performance data. These are stored in CSV files to provide comprehensive UI/UX recommendations.

Related Skills

Explore More Design & Creative Skills→
shuff57shuff57

ui-ux-pro-max

Generate searchable UI/UX design systems with styles, colors, typography, and guidelines.

Community
Advanced
tillysosotillysoso

refactoring-ui

Apply grayscale-first design principles to review and improve frontend UI components.

Community
Basic
gwpjpgwpjp
3

visual-qa-react-devtools-profiler

Profile React component rendering with React DevTools Profiler to identify render causes.

Community
Intermediate
zihan987zihan987
1

ui-ux-pro-max

Generate comprehensive design systems with patterns, styles, colors, typography, and effects.

Community
Advanced