skills.rest
jandragsbaek
jandragsbaekCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate multi-domain design systems with styles, colors, typography, and layout patterns.

1|Updated Feb 5, 2026
Search Tags:#typography#design#patterns#color#ui-ux#design-system
One-click install
npx skills add https://github.com/jandragsbaek/codex-template --skill ui-ux-pro-max-jandragsbaek
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jandragsbaek/codex-template/tree/main/.codex/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jandragsbaek/codex-template --skill ui-ux-pro-max-jandragsbaek

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill consolidates multi-domain UI/UX guidance into a single, reusable design system, reducing design debt and accelerating product development.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
  • Priority-based recommendations across domains (style, color, typography, landing, product) to build consistent experiences.
  • Use cases include designing dashboards, landing pages, admin panels, e-commerce sites, and mobile apps with accessible, responsive UI patterns.

Quick Start

Example: Run a design-system generation for a SaaS dashboard: python3 skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system -p "Project Name"

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 a SaaS dashboard?▼

Generate a complete design system by running the search script with your project description and design-system flag. This produces a Master file with suggested styles, colors, typography, and layout patterns for your SaaS dashboard.

Can I build a consistent UI design system across multiple frameworks like React and Flutter?▼

Yes, you can build a consistent UI design system across nine tech stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui using unified style and color recommendations.

What typography and color palettes are available for UI pattern generation?▼

UI pattern generation provides 97 color palettes and 57 font pairings. These typography and color options are suggested based on priority domains to ensure accessible and responsive product experiences.

Does this UI design tool support exporting guidelines in Markdown or ASCII formats?▼

Yes, the UI design tool supports outputting generated design system guidelines in both ASCII and Markdown formats. This allows you to easily document and share design patterns across your product team.

What's the best way to reduce design debt when building mobile apps and admin panels?▼

Reduce design debt by consolidating multi-domain UI/UX guidance into a single reusable design system. This approach ensures consistent layout patterns and UX guidelines for building mobile apps and admin panels.

Do I need specific dependencies to create landing page UX guidelines and chart types?▼

No specific dependencies are required to create landing page UX guidelines and chart types. The tool outputs 99 UX guidelines and 25 chart types directly from your user prompts without external libraries.

Related Skills

Explore More Design & Creative Skills→
SyntaxAsSpiralSyntaxAsSpiral
5

nix-manager

Manage Nix packages, flakes, and configurations with Determinate Nix patterns.

Community
Advanced
0xtaoist0xtaoist

ui-ux-pro-max

Generate design system recommendations from aggregated UI guidelines with page overrides.

Community
Advanced
poko8nadapoko8nada

ui-design

Apply Tailwind-based design guidelines for typography, color, spacing, and components.

Community
Intermediate
jabez4jcjabez4jc

ui-ux-pro-max

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

Community
Advanced