skills.rest
ahmedosama7450
ahmedosama7450COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate scalable UI design guidelines and patterns across React, Vue, Svelte, and SwiftUI.

Updated Aug 27, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palettes#multistack
One-click install
npx skills add https://github.com/ahmedosama7450/islamic-app --skill ui-ux-pro-max-ahmedosama7450
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ahmedosama7450/islamic-app/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ahmedosama7450/islamic-app --skill ui-ux-pro-max-ahmedosama7450

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Provides comprehensive UI/UX design guidance and a reusable design-system foundation across multiple tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui), enabling faster, consistent product design.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 stacks for fast design-system generation.
  • Applicable to websites, dashboards, admin panels, and mobile apps requiring cohesive typography, color systems, layout patterns, and accessibility compliance.
  • Use cases include designing new pages, auditing existing interfaces, and building scalable design systems with per-page overrides.

Quick Start

Provide a complete, design-system ready UI strategy across stacks for a given product.

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 build a scalable UI design system across multiple frameworks?▼

Build a scalable UI design system by automating the creation of consistent typography, color palettes, and accessibility guidelines across React, Vue, Svelte, and SwiftUI. It provides a structured discovery process covering layout and component patterns for multi-stack environments.

What is the best way to ensure accessibility compliance in a multi-stack design system?▼

Ensure accessibility compliance by applying a structured discovery workflow that audits and defines accessible color systems, typography, and layout patterns. This generates standardized UX guidelines applicable across web and mobile apps to maintain inclusive interfaces.

Can I use this design system workflow with SwiftUI and Flutter?▼

Yes, this workflow supports SwiftUI and Flutter alongside React, Next.js, Vue, Svelte, and React Native. It generates cohesive typography, color palettes, and component patterns that apply directly to mobile apps across these specific tech stacks.

How do I generate consistent typography and color palettes for a web dashboard?▼

Generate consistent typography and color palettes by selecting from 97 color palettes and 57 font pairings tailored for web dashboards. This provides a reusable design-system foundation that ensures cohesive interfaces and layout patterns.

Does the design system workflow support per-page overrides for admin panels?▼

Yes, the design system workflow supports per-page overrides for admin panels and dashboards. You can apply specific UX guidelines, layout patterns, and component styles while maintaining the foundational design system consistency across the application.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
h4vzzh4vzz
33

Frontend Design

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

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
aiunlocked1412aiunlocked1412
14

async-communicator

Generate RFCs, decision logs, and status updates with YAML-frontmatter metadata.

Community
Advanced