skills.rest
smrik
smrikCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Search a database of UI/UX patterns, palettes, typography, and stack-specific guidelines.

1|Updated Mar 5, 2026
Search Tags:#design#ui#accessibility#frontend#tailwind#ux
One-click install
npx skills add https://github.com/smrik/ai-fund --skill ui-ux-pro-max-smrik
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/smrik/ai-fund/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/smrik/ai-fund --skill ui-ux-pro-max-smrik

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the challenge of maintaining design consistency and technical best practices across diverse frontend stacks by providing an intelligent, searchable database of UI/UX guidelines.

Core Features & Use Cases

  • Design Intelligence: Access a curated database of 50+ styles, 21 palettes, and 50+ font pairings to ensure professional visual output.
  • Stack-Specific Implementation: Get tailored code guidelines for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind.
  • Use Case: When building a new SaaS dashboard, use this skill to retrieve the optimal color palette, chart recommendations, and accessibility guidelines for a professional, dark-mode-ready interface.

Quick Start

Use the ui-ux-pro-max skill to search for a professional color palette and layout guidelines for a fintech dashboard using the react stack.

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 find UI design patterns and color palettes for a React SaaS dashboard?▼

To find UI design patterns for a React SaaS dashboard, query a searchable intelligence database of 50+ styles, 21 color palettes, and 50+ font pairings. This provides actionable design best practices, accessibility compliance guidelines, and stack-specific implementation details.

What's the best way to ensure accessibility compliance and consistent visual styling in frontend development?▼

Ensuring accessibility compliance and consistent visual styling involves retrieving curated UI/UX guidelines and stack-specific coding best practices. This approach satisfies requirements for professional-grade interfaces across web and mobile frameworks while maintaining design consistency.

Can I get Tailwind implementation guidelines for mobile and web frameworks?▼

Yes, you can get Tailwind implementation guidelines tailored for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. These stack-specific code guidelines facilitate professional interface creation and framework-specific performance optimization.

Does this UI/UX intelligence database support dark-mode-ready interfaces for fintech applications?▼

Yes, the UI/UX intelligence database supports dark-mode-ready interfaces for fintech applications. You can retrieve optimal color palettes, chart recommendations, and layout guidelines to build professional interfaces with consistent visual styling.

How does stack-specific implementation guidance improve frontend performance optimization?▼

Stack-specific implementation guidance improves frontend performance optimization by providing tailored code guidelines for frameworks like Next.js, Svelte, and React Native. This ensures framework-specific best practices are followed during professional interface creation.

Related Skills

Explore More Design & Creative Skills→
magic3007magic3007
10

web-artifacts-builder

Bundle React, Tailwind CSS, and shadcn/ui artifacts into a single HTML file.

Community
Advanced
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
eccstartupeccstartup
12

color

Audit and optimize color contrast and accessibility in UI designs.

Community
Advanced
marcioaltoemarcioaltoe
14

gesttione-design-system

Applies Gesttione brand colors, typography, and metric tokens to UI components.

Community
Intermediate