skills.rest
lips85
lips85COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search curated CSV data for UI/UX design styles, colors, fonts, and charts.

Updated Jan 15, 2026
Search Tags:#typography#frontend#react#design system#ui/ux#color palette#tailwind
One-click install
npx skills add https://github.com/lips85/antigravity-skills-bootstrap --skill ui-ux-pro-max-lips85
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/lips85/antigravity-skills-bootstrap/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/lips85/antigravity-skills-bootstrap --skill ui-ux-pro-max-lips85

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 guidance on styles, color palettes, typography, and stack-specific best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Recommends styles, colors, fonts, and charts based on product type and industry.
  • Stack-Specific Guidance: Provides tailored advice for various frontend frameworks (React, Vue, Next.js, etc.) and HTML/Tailwind.
  • UX Best Practices: Offers actionable advice on accessibility, interaction, and common UI pitfalls.
  • Use Case: Design a modern, accessible landing page for a new SaaS product using React, ensuring optimal color contrast and responsive layout.

Quick Start

Use the ui-ux-pro-max skill to design a landing page for a beauty spa service.

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 UI design system with color palettes and typography for a specific frontend stack?▼

Generate a UI design system by querying curated style, color, and typography data to recommend font pairings, color palettes, and stack-specific best practices for frameworks like React and Tailwind.

What is the best way to ensure UI accessibility and avoid common UX pitfalls when building a web dashboard?▼

Ensure UI accessibility by following actionable UX best practices for interaction and color contrast, specifically navigating common UI pitfalls to create professional web dashboards.

Can I get tailored UI and UX design guidance for building applications with React and Tailwind?▼

Tailored UI and UX design guidance is available for React and Tailwind, providing stack-specific best practices and component recommendations to build professional interfaces.

How do I select the right chart types and visual styles for a data visualization product?▼

Select chart types and visual styles by matching product types and industry contexts against curated CSV data, returning recommendations for optimal data visualization interfaces.

Does this tool provide specific design recommendations for mobile applications and SaaS landing pages?▼

Specific design recommendations are provided for mobile applications and SaaS landing pages, utilizing a search engine over style and UX data to generate professional interface layouts.

Related Skills

Explore More Design & Creative Skills→
guilhermemarketingguilhermemarketing
59

ui-ux-pro-max

Generate design systems from UI/UX needs with multi-domain searches.

Community
Advanced
k97k97
4

ui-ux-pro-max

Generate UI/UX design systems with palettes and typography for development stacks.

Community
Advanced
vobasevobase
59

extract

Extract reusable UI components, design tokens, and patterns from frontend codebases.

Official
Intermediate
nesihaver-ILnesihaver-IL

figma

Transform Figma designs into React components and design tokens.

Community
Intermediate