skills.rest
Fynnmasse
FynnmasseCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design systems with color palettes, font pairings, and UX guidelines.

Updated Dec 12, 2025
Search Tags:#color palettes#typography#accessibility#design system#ui/ux#component design#ux guidelines
One-click install
npx skills add https://github.com/Fynnmasse/hamburgpapier-produktion --skill ui-ux-pro-max-fynnmasse
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Fynnmasse/hamburgpapier-produktion/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Fynnmasse/hamburgpapier-produktion --skill ui-ux-pro-max-fynnmasse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and data (resource) components.

What problem does it solve?

This Skill provides comprehensive intelligence for UI/UX design, offering guidance on styles, color palettes, typography, UX guidelines, and component design across various technology stacks to ensure professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems tailored to specific product types and industries.
  • Component & Style Recommendations: Offers best practices for UI elements, color schemes, typography, and layout.
  • UX & Accessibility Audits: Provides checklists and guidelines for improving user experience and accessibility.
  • Use Case: When building a new e-commerce website, use this Skill to generate a modern, accessible design system, including color palettes, font pairings, and responsive layout strategies, ensuring a seamless user journey.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech mobile app.

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 new web or mobile application?▼

A UX and accessibility audit provides checklists and guidelines to evaluate your user interface, ensuring professional standards are met for user experience and accessibility across your web or mobile application.

What is the best way to plan color palettes and typography for a fintech app?▼

Component design recommendations cover UI elements, color schemes, and layout best practices tailored to specific product types and technology stacks to ensure professional and user-friendly interface implementation.

Does this UI/UX design guidance support multiple technology stacks?▼

Yes, this UI/UX design intelligence supports multiple technology stacks, providing component design recommendations, UX guidelines, and chart types tailored to the specific frameworks you use for implementation.

Why do I need UX guidelines when building an e-commerce website?▼

You need UX guidelines to ensure a seamless user journey, utilizing intelligent design guidance to plan accessible color palettes, typography, and responsive layouts specifically tailored for e-commerce product types.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
omanjayaomanjaya

frontend-design

Provide typography, color, spacing, and motion guidelines for web UI design.

Community
Intermediate
marktantongcomarktantongco
2

ui-ux-pro-max

Generate design systems and frontend guidance for web and mobile projects.

Community
Advanced
northseadlnorthseadl

ui-ux-pro-max

Generate design systems with style, color, typography, and UX recommendations.

Community
Advanced