skills.rest
Richie1129
Richie1129COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search curated UI/UX design styles, palettes, and stack-specific guidelines.

1|Updated Sep 25, 2024
Search Tags:#typography#landing page#react#design system#ui/ux#color palette#tailwind css
One-click install
npx skills add https://github.com/Richie1129/SDLs_fullStack_remix --skill ui-ux-pro-max-richie1129
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Richie1129/SDLs_fullStack_remix/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Richie1129/SDLs_fullStack_remix --skill ui-ux-pro-max-richie1129

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 database of styles, palettes, font pairings, and stack-specific best practices to streamline the design and development process.

Core Features & Use Cases

  • Design System Generation: Recommends styles, colors, and typography based on product type, industry, and desired mood.
  • Code Implementation Guidance: Offers stack-specific best practices for frameworks like React, Vue, and Tailwind CSS.
  • UX Best Practices: Provides guidelines on accessibility, interaction, and layout to ensure a professional and user-friendly experience.
  • Use Case: A developer needs to design a landing page for a new fintech SaaS product. They can use this Skill to get recommendations for an elegant, professional style, a suitable color palette, modern font pairings, and Tailwind CSS implementation details.

Quick Start

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

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 typography for a React landing page?▼

To generate a design system for a React landing page, this Skill searches a curated database to recommend suitable color palettes, font pairings, and modern UI styles based on your specific product type, industry, and desired mood.

Can I get Tailwind CSS implementation guidelines for UI components and dashboards?▼

Yes, you can get Tailwind CSS implementation guidelines for UI components and dashboards. The Skill provides stack-specific best practices and code implementation guidance to bridge design planning with actual development.

What's the best way to find font pairings and color palettes for a fintech SaaS website?▼

The best way to find font pairings and color palettes for a fintech SaaS website is to query the Skill's design intelligence database, which matches your industry and product context with professional, elegant style recommendations.

Does this design intelligence tool provide UX best practices for accessibility and layout?▼

Yes, this design intelligence tool provides UX best practices for accessibility and layout. It offers actionable guidelines on interaction and layout to ensure your digital products deliver a professional and user-friendly experience.

How do I choose the right chart types for my mobile app or dashboard design?▼

To choose the right chart types for your mobile app or dashboard design, the Skill searches its curated database of chart types and styles, matching data visualization options to your specific product requirements and stack guidelines.

Related Skills

Explore More Design & Creative Skills→
jasonmeansjasonmeans
2

jobs-to-be-done

Generate user personas and use case tables in markdown documents.

Community
Intermediate
markdo27markdo27

ui-ux-pro-max

Provide UI/UX styles, palettes, fonts, and guidelines for web and mobile apps.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
Michal-J-KolodziejMichal-J-Kolodziej

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Community
Advanced