skills.rest
hotriluan
hotriluanCOMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Provide UI/UX design guidance and design-system recommendations for web and mobile applications.

1|Updated Mar 5, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palettes
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-ui-ux-pro-max-hotriluan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-ui-ux-pro-max-hotriluan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a centralized, intelligent design guide that accelerates web and mobile UI decisions by offering a structured library of styles, palettes, typography, guidelines, and charts to ensure consistency and quality.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 tech stacks for scalable design systems.
  • Reasoned recommendations to inform UI structure, accessibility, motion, layout, and brand expression across projects.
  • Use cases include building landing pages, dashboards, admin panels, e-commerce interfaces, and mobile apps with coherent design systems and reusable components.

Quick Start

Create a responsive landing page for a SaaS product using the included styles, palettes, and typography.

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 choose a color palette and typography for a new web application design system?▼

You can choose from 161 color palettes and 57 font pairings to establish a coherent web application design system, ensuring visual consistency, brand expression, and readable typography across your project.

What is the best way to ensure UI accessibility and cross-platform consistency for mobile apps?▼

The best way to ensure UI accessibility and cross-platform consistency is to apply reasoned UX guidelines to your mobile interfaces, covering layout patterns, motion, and structure to guarantee quality across different platforms.

Can I use this for building dashboards and admin panels?▼

Yes, you can use this for building dashboards and admin panels by leveraging its 161 product types and 25 chart types across 10 tech stacks, providing structured styles and implementation details for complex data interfaces.

How do I design a responsive SaaS landing page with a coherent UI structure?▼

To design a responsive SaaS landing page, apply the provided 50+ styles and 99 UX guidelines to inform your UI structure, accessibility, and layout, ensuring a coherent and reusable component workflow.

Does this design intelligence provide recommendations for data visualization charts?▼

Yes, this design intelligence provides recommendations for data visualization by offering 25 chart types across 10 tech stacks, helping you select the right visual formats for your dashboards and analytics components.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

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

Community
Advanced
dirnbauerdirnbauer
33

webconsulting-branding

Enforces webconsulting.at design tokens and typography rules across React frontend projects.

Community
Basic
muzhicaomingwangmuzhicaomingwang
3

ui

Translate UX concepts into wireframe-level UI specifications with design tokens and accessibility checklists.

Community
Intermediate
miko06miko06

ui-ux-pro-max

Generate design systems from UI/UX pattern databases using Python scripts.

Community
Advanced