ui-ux-pro-max

Generates design systems for mobile and web apps with accessibility and UX focus.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/FlorinSenoner/the-dahan-codex --skill ui-ux-pro-max-florinsenoner
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/FlorinSenoner/the-dahan-codex/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/FlorinSenoner/the-dahan-codex --skill ui-ux-pro-max-florinsenoner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, os, datetime, argparse, sys, io, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, helping users create visually appealing, user-friendly, and accessible interfaces across various platforms and technology stacks.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project requirements, including patterns, styles, colors, and typography.
  • Style & Component Guidance: Offers recommendations for specific UI elements, styles, and best practices.
  • Accessibility & Performance Checks: Integrates critical UX guidelines for accessibility and performance.
  • Use Case: A developer needs to design a new dashboard for a SaaS product. They can use this Skill to generate a complete design system, ensuring consistency, adherence to best practices, and a professional look and feel.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app' with the project name 'SecureBank'.

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 design system for a web or mobile application?

To generate a design system, provide your project requirements and target platform. The system outputs a comprehensive design framework including patterns, color palettes, font pairings, and typography styles tailored for your web or mobile application.

What's the best way to ensure my UI components meet accessibility guidelines?

To ensure UI components meet accessibility guidelines, integrate critical UX checks during the design phase. This approach validates adherence to performance standards and accessibility best practices, ensuring your user interface remains accessible and highly performant.

Can I use this to create a style guide for a frontend development project?

Yes, you can create a style guide for frontend development. It provides specific recommendations for UI elements, component libraries, and technology stacks, ensuring your frontend project maintains visual consistency and professional standards.

How does the Master plus Overrides pattern work for persisting design systems?

The Master plus Overrides pattern persists design systems by maintaining a base master configuration while allowing specific project overrides. This architecture enables consistent design system management across multiple applications without losing core styling rules.

Does the design intelligence engine recommend font pairings and chart styles?

Yes, the design intelligence engine recommends font pairings and chart styles. It offers detailed guidance on visual elements, color palettes, and data visualization components to maintain a cohesive user experience across your application.

What do I need to set up before generating a component library?

Before generating a component library, ensure your Python environment is configured with required dependencies like csv, json, and pathlib. This setup enables the internal search engine to process requirements and output detailed component recommendations.