skills.rest
rattamnoon
rattamnoonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate searchable design-system guidance for web and mobile UI/UX projects.

Updated Apr 18, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/rattamnoon/our-third-story --skill ui-ux-pro-max-rattamnoon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/rattamnoon/our-third-story/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/rattamnoon/our-third-story --skill ui-ux-pro-max-rattamnoon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design teams often struggle to compile consistent design guidance and scalable patterns across web and mobile projects. This Skill provides a structured, searchable framework that couples design recommendations with practical implementation examples.

Core Features & Use Cases

  • Comprehensive design intelligence covering color, typography, layout, components, and accessibility patterns.
  • Generates cohesive design-system guidance and ready-to-use scoring for style decisions.
  • Real-world scenarios include creating dashboards, landing pages, and mobile apps with consistent UX.

Quick Start

Run a design-system query to generate a reusable pattern for a new admin dashboard.

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 scalable design system for web and mobile projects?▼

To generate a scalable design system, use a centralized framework that provides design recommendations and practical implementation examples. This approach yields cohesive guidance for color, typography, layout, and component patterns across web and mobile platforms.

What is the best way to structure UI color strategy and typography decisions?▼

The best way to structure UI color strategy and typography decisions is by using a searchable design intelligence tool. It applies reasoning-based pattern selection to generate cohesive color-palette and typography guidelines with ready-to-use scoring for style choices.

Can I use a design system generator to ensure accessibility patterns in my UX?▼

Yes, you can use a design system generator to ensure accessibility patterns in your UX. The tool provides comprehensive design intelligence that includes accessibility guidelines alongside layout and component recommendations for consistent user experiences.

Does this UI/UX design intelligence tool support creating dashboards and landing pages?▼

Yes, this UI/UX design intelligence tool supports creating dashboards and landing pages. It implements multi-domain searches to deliver real-world scenario guidance, ensuring consistent UX and reusable patterns for various application interfaces.

How do I persist Master and Overrides design-system files for future use?▼

You can persist Master and Overrides design-system files using the tool's optional persistence feature. This capability saves your generated design-system guidance and scoring locally, allowing you to reference and reuse the patterns in subsequent project queries.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
Yanick-mjYanick-mj

mb-fe-dev

Implement React frontend components with atomic design and design tokens.

Community
Advanced
loadinglucianloadinglucian
1

frontend-design

Transform vague frontend requirements into production-ready HTML/CSS/JS components.

Community
Advanced
hayatoschayatosc
1

web-design-guidelines

Review HTML, CSS, and JavaScript files against Web Interface Guidelines and accessibility rules.

Community
Intermediate