skills.rest
thienchi2109
thienchi2109COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design recommendations for React, Next.js, Vue, and other stacks.

1|Updated Nov 27, 2025
Search Tags:#ui#web development#frontend#design system#style guide#mobile app#ux
One-click install
npx skills add https://github.com/thienchi2109/lims-lite --skill ui-ux-pro-max-thienchi2109
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/thienchi2109/lims-lite/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/thienchi2109/lims-lite --skill ui-ux-pro-max-thienchi2109

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast library of styles, palettes, font pairings, and best practices to create visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Access 50+ styles, 21 palettes, 50 font pairings, and 20 chart types.
  • Stack-Specific Guidance: Get tailored recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Use Case: Design a professional, accessible, and modern landing page for a new SaaS product by leveraging style, color, and typography recommendations, ensuring it aligns with best practices for the chosen tech stack.

Quick Start

Use the ui-ux-pro-max skill to generate a design for a professional SaaS dashboard with a dark mode theme.

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 generate a design system with color palettes and font pairings for a SaaS dashboard?▼

Get tailored UI design recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, offering stack-specific guidance for building, refactoring, and optimizing interface components.

What is the best way to design a dark mode landing page for a mobile app?▼

Yes, you can get specific guidance for planning, building, and refactoring UI code for elements like buttons, modals, and forms, ensuring they align with best practices for your chosen technology stack.

Does this UI design guidance support React Native and Flutter for mobile app development?▼

Yes, it supports chart recommendations with 20 chart types available, helping you select appropriate data visualizations that match your chosen styles and color palettes for digital products.

Can I use this tool to plan and refactor UI code for elements like buttons and modals?▼

This approach distinguishes itself by providing comprehensive UI/UX design intelligence across multiple technology stacks, combining style generation with implementation guidance rather than just static design assets.

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
ms-moarms-moar

frontend-enhancer

Generate design assets and examples for modernizing web application styling.

Community
Intermediate
ralphjohn29ralphjohn29
1

ui-ux-pro-max

Provide UI/UX design recommendations for React, Next.js, Vue, and SwiftUI.

Community
Advanced
constellosconstellos
5

UI Wireframing

Generate mobile-first ASCII wireframes and WIREFRAME.md files for UI planning.

Official
Basic