skills.rest
madihg
madihgCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Identify optimal UI/UX guidance from a curated knowledge base.

6|Updated Jul 13, 2023
Search Tags:#typography#ui#accessibility#color#ux#design-system#style-guides
One-click install
npx skills add https://github.com/madihg/oulipo --skill ui-ux-pro-max-madihg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/madihg/oulipo/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/madihg/oulipo --skill ui-ux-pro-max-madihg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines design decisions by delivering a centralized, rule-driven UI/UX guidance framework that standardizes components, palettes, and guidelines across teams.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Searchable, priority-based recommendations for components, layouts, accessibility, and performance to accelerate product design.
  • Use case: Generate a complete design system for a SaaS dashboard that balances aesthetics, accessibility, and responsiveness.

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard with accessibility and responsive design.

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 UI/UX design system for a SaaS dashboard?▼

To generate a UI/UX design system for a SaaS dashboard, this skill applies rule-driven guidance covering accessibility, color palettes, typography pairings, and responsive layouts. It delivers standardized components and 99 UX guidelines to streamline cross-team design decisions.

What is the best way to standardize color palettes and typography across web and mobile interfaces?▼

Standardizing color palettes and typography across interfaces requires a centralized, rule-driven framework. This skill provides searchable recommendations from 97 color palettes and 57 font pairings to ensure consistent, accessible design across web and mobile apps.

Does this UI/UX design guidance support cross-stack development for dashboards and landing pages?▼

Yes, this UI/UX design guidance supports cross-stack development across 9 technology stacks. It delivers priority-based component, layout, and chart recommendations for building responsive dashboards, landing pages, and mobile apps.

Can I find accessible component and layout recommendations for mobile apps?▼

Yes, you can find accessible component and layout recommendations for mobile apps. The skill supplies a curated knowledge base of 99 UX guidelines, ensuring mobile interfaces meet accessibility standards while maintaining aesthetic balance.

How do I choose the right chart types and styles for a scalable web application?▼

Choosing chart types and styles for scalable web applications involves querying a curated knowledge base. This skill offers priority-based recommendations across 25 chart types and 50+ styles to accelerate data visualization decisions.

What UI/UX guidelines are available for balancing aesthetics and accessibility in app design?▼

UI/UX guidelines for balancing aesthetics and accessibility include 99 comprehensive rules covering components, layouts, and performance. This skill identifies optimal guidance from a curated knowledge base to accelerate standardized product design.

Related Skills

Explore More Design & Creative Skills→
abd0-omarabd0-omar

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and component recommendations.

Community
Advanced
h4vzzh4vzz
33

Frontend Design

Generate accessible React, Vue, Svelte, or HTML components with design tokens.

Community
Advanced
TenBeltzTenBeltz

ui-ux-pro-max

Consolidate UI/UX patterns, palettes, typography, and guidelines for web and mobile design.

Official
Advanced
tillysosotillysoso

ui-ux-pro-max

Generate cohesive UI design plans with styles, colors, typography, and components.

Community
Advanced