skills.rest
krzemienski
krzemienskiCOMMUNITY
Explore all skills by this author →
Website𝕏@nkrzemienskiGitHub

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

2|1|Updated May 21, 2025
Search Tags:#typography#ui#accessibility#patterns#color#ux#design-system
One-click install
npx skills add https://github.com/krzemienski/awesome-list-site --skill ck-ui-ux-pro-max-krzemienski
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/krzemienski/awesome-list-site/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/krzemienski/awesome-list-site --skill ck-ui-ux-pro-max-krzemienski

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Provides a centralized, searchable UI/UX design system with broad pattern coverage, color palettes, typography options, and accessibility guidelines to accelerate design and implementation across web and mobile projects.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Use cases include building dashboards, landing pages, and product interfaces with consistent design language and accessible patterns.

Quick Start

Ask the AI to generate a complete UI/UX design system for a given product, including patterns, colors, typography, and components.

Frequently Asked Questions about ck: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 web project?▼

Generate a complete UI/UX design system by requesting cohesive color palettes, typography pairings, and component patterns. The system outputs configurations covering 50+ styles and 99 UX guidelines to accelerate consistent web interface implementation.

Can I use this design system generator with React Native and Flutter?▼

Yes, this design system generator works with React Native and Flutter, providing pattern recommendations and component guidance across nine stacks including SwiftUI, Svelte, Vue, Next.js, Tailwind, and shadcn/ui.

What's the best way to ensure accessibility is included in my color and typography choices?▼

Ensure accessibility in color and typography by applying the system's built-in accessibility considerations. It evaluates color palettes and 57 font pairings against 99 UX guidelines to deliver compliant component patterns.

Does this tool provide specific UX patterns for building dashboards and landing pages?▼

Yes, this tool provides specific UX patterns for building dashboards and landing pages. It delivers a searchable design system with 25 chart types and component guidance to maintain consistent design language across product interfaces.

How do color palettes and font pairings work together in a generated design system?▼

Color palettes and font pairings work together through cohesive system generation, matching 97 color configurations with 57 font pairings. This ensures visual consistency across components while adhering to established UX guidelines.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
Shaarav4795Shaarav4795

ui-design-system

Architect token-driven UI design systems for Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

ui-ux-pro-max

Generate design systems, color palettes, and typography pairings for web and mobile platforms.

Community
Advanced