ui-ux-pro-max

Translate UI/UX requirements into design-system rules and implementation guidance.

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/automate-me7/agent-skills --skill ui-ux-pro-max-automate-me7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/automate-me7/agent-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/automate-me7/agent-skills --skill ui-ux-pro-max-automate-me7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Assists product teams and designers by turning vague UI requirements into concrete design systems, patterns, and accessibility-ready guidelines.

Core Features & Use Cases

  • Design system generation: pattern, color, typography, spacing, and components across stacks.
  • Accessibility, responsive, and performance considerations embedded.
  • On-demand prompts and implementation guidance for real-world projects.
  • Use Case: plan dashboards, landing pages, and mobile interfaces with consistent styles.

Quick Start

Provide a project brief and run the design system generator to produce a complete UI design system.

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 design system from vague product requirements?

To generate a UI design system from vague requirements, provide a project brief to translate abstract needs into structured rules for typography, color palettes, spacing, and components. This yields actionable design-system rules and implementation considerations for consistent web and mobile interfaces.

What is the best way to plan accessibility and responsive guidelines for a web dashboard?

The best way to plan accessibility and responsive guidelines for a web dashboard is to apply embedded accessibility standards directly during design system generation. This process outputs structured prompts and interaction patterns that meet responsiveness requirements across dashboard components.

Can I use this approach to design both landing pages and mobile apps?

Yes, you can use this approach to design both landing pages and mobile apps. It translates UI/UX requirements into actionable guidance across diverse projects, handling specific interface components, typography, and interaction patterns for web and mobile platforms.

How do I translate UI design requirements into actionable implementation prompts?

You translate UI design requirements into actionable implementation prompts by processing project briefs through a design system generator. This identifies specific UI/UX needs and outputs structured prompts with implementation considerations for real-world projects.

Does this UI design guidance include color palette and typography rules?

Yes, this UI design guidance includes color palette and typography rules. It generates comprehensive design-system rules covering patterns, colors, typography, and spacing across different tech stacks to ensure interface consistency.

What are the limitations of using AI-driven guidance for UI design systems?

A limitation of using AI-driven guidance for UI design systems is that it delivers structured prompts and design-system rules rather than final visual assets. Users must manually implement the generated interaction patterns and accessibility considerations in their actual codebase.