skills.rest
dthuy62
dthuy62COMMUNITY
Explore all skills by this author →
GitHub

ck:ui-ux-pro-max

Identify valid Skill units and generate discovery metadata from SKILL.md directories.

Updated May 10, 2026
Search Tags:#accessibility#design system#ui design#flutter#mobile app#ux review#interface analysis
One-click install
npx skills add https://github.com/dthuy62/kollet-app --skill ck-ui-ux-pro-max-dthuy62
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/dthuy62/kollet-app/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/dthuy62/kollet-app --skill ck-ui-ux-pro-max-dthuy62

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you make better interface and experience decisions for web and mobile products by turning broad UI goals into concrete design guidance. It reduces guesswork when choosing layouts, colors, typography, motion, accessibility fixes, and interaction patterns.

Core Features & Use Cases

  • Design system guidance: Recommends patterns, styles, colors, typography, and effects that fit the product type.
  • UI review and improvement: Flags accessibility, responsiveness, navigation, animation, and form issues that hurt usability.
  • Implementation support: Helps plan, build, review, fix, and optimize UI code for common product surfaces like dashboards, landing pages, admin panels, and mobile apps.
  • Use case: If a Flutter social app needs a cleaner feed, better bottom navigation, stronger contrast, and more polished interaction feedback, this Skill provides targeted design rules and practical recommendations.

Quick Start

Ask this skill to analyze the product or screen and return the best UI pattern, style, colors, typography, and usability fixes.

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 improve UI design and accessibility for a mobile app?▼

UI design improvements start by analyzing your product screens to flag navigation, responsiveness, and accessibility issues, returning targeted design rules and practical usability recommendations.

What is the best way to build a consistent design system for web and mobile?▼

A consistent design system is built by analyzing your product type to recommend fitting interface patterns, styles, colors, typography, and visual effects that ensure UI consistency across platforms.

How do I review and fix accessibility issues in an interface?▼

Reviewing interface accessibility involves analyzing screens to identify contrast, form, and navigation barriers, returning specific usability fixes to ensure your product meets accessibility standards.

Can I use this to optimize Flutter social app interfaces?▼

Yes, you can optimize Flutter social app interfaces by analyzing screens to provide a cleaner feed, better bottom navigation, stronger contrast, and more polished interaction feedback.

Does this help plan UI code for admin panels and dashboards?▼

Yes, it helps plan, build, review, and optimize UI code for common product surfaces including admin panels, dashboards, and landing pages by turning broad interface goals into concrete guidance.

Related Skills

Explore More Design & Creative Skills→
google-labs-codegoogle-labs-code
8.0k

design-md

Analyze Stitch project assets to generate a DESIGN.md design system document.

Official
Advanced
aaltaayaaltaay

design-taste-frontend

Enforce typography, color, layout, and motion rules for React/Next.js UI components.

Community
Advanced
GrupoUSGrupoUS
1

mobile-design

Guide mobile app design with iOS HIG and Android Material Design conventions.

Community
Advanced
nimadorostkarnimadorostkar
25

accessibility

Audit web interfaces for WCAG 2.2 AA conformance.

Community
Advanced