skills.rest
felix-howard
felix-howardCOMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Generate design systems with color palettes, font pairings, and layout recommendations.

Updated Jan 11, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#component library#frontend development
One-click install
npx skills add https://github.com/felix-howard/ella --skill ck-ui-ux-pro-max-felix-howard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/felix-howard/ella/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/felix-howard/ella --skill ck-ui-ux-pro-max-felix-howard

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create visually appealing, user-friendly, and accessible interfaces across various platforms and technologies.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • Component & Style Recommendations: Offers specific advice on colors, typography, layouts, and UI elements.
  • UX Best Practices: Enforces critical accessibility and interaction guidelines.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, font pairings, and layout recommendations, ensuring a professional and consistent user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a fintech dashboard with a minimalist style.

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 design system for a web application?▼

To generate a design system, define your project type, industry, and desired style. The system then provides tailored color palettes, font pairings, and component recommendations to ensure a consistent visual language across your web application.

What font pairings and color palettes work best for a SaaS dashboard?▼

Optimal font pairings and color palettes for a SaaS dashboard depend on your desired style, such as minimalist. The system analyzes your project type and industry to offer specific typography combinations and accessible color schemes.

Can I get UI component recommendations that integrate with shadcn/ui?▼

Yes, you can get UI component recommendations that integrate with shadcn/ui. The system provides component examples and style guidance tailored to your technology stack for building user interfaces efficiently.

How do I ensure accessibility guidelines are met in my UI/UX design?▼

To ensure accessibility guidelines are met, the system enforces critical UX best practices across your interfaces. It offers actionable recommendations for colors and typography to maintain accessible user experiences.

Does this design intelligence tool support frontend development for mobile applications?▼

Yes, this design intelligence tool supports frontend development for mobile applications. It covers both web and mobile platforms, offering specific advice on layouts, UI elements, and technology stacks.

What is the best way to plan and optimize user interfaces for a fintech product?▼

The best way to plan and optimize user interfaces for a fintech product is to specify your project requirements. The system generates tailored design systems, charts, and UX guidelines based on the fintech industry.

Related Skills

Explore More Design & Creative Skills→
telum-aitelum-ai
2

project-import

Create a Speck project structure with a skeleton project.md file.

Official
Basic
darknetopencv-altdarknetopencv-alt
34

color-font-skill

Provide color palettes and font pairings for presentation design.

Community
Basic
Vishnugupta2711Vishnugupta2711
1

shadcn-ui

Guide developers to integrate and customize shadcn/ui components in React projects.

Community
Advanced
wangzitian0wangzitian0

ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile applications.

Community
Advanced