skills.rest
OctavianTocan
OctavianTocanCOMMUNITY
Explore all skills by this author →
Website𝕏@theoctaviantocGitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX best practices.

3|Updated Dec 24, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#frontend development
One-click install
npx skills add https://github.com/OctavianTocan/ai-nexus --skill ui-ux-pro-max-octaviantocan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/OctavianTocan/ai-nexus/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/OctavianTocan/ai-nexus --skill ui-ux-pro-max-octaviantocan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, json, os, re, pathlib, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines UI/UX design by providing intelligent recommendations for styles, color palettes, typography, and best practices, ensuring visually appealing and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Creates comprehensive design systems tailored to specific product types and industries.
  • Style & Palette Recommendations: Offers 50+ styles and numerous color palettes to match project needs.
  • UX Best Practices: Enforces critical guidelines for accessibility, performance, and interaction.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a complete design system, including a professional color palette, clean typography, and adherence to accessibility standards, ensuring a high-quality user experience from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new e-commerce website.

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 for a new web or mobile application?▼

Generating a design system involves specifying your product type and industry to receive tailored style, color palette, and typography recommendations. This provides a comprehensive set of UX best practices for web and mobile applications.

What UX best practices should I follow to ensure interface accessibility?▼

Interface accessibility requires enforcing critical guidelines for interaction and performance alongside proper typography and color palette selection. Adhering to these UX best practices ensures your design system meets accessibility standards for all users.

Can I get color palette and typography recommendations for a specific tech stack?▼

Color palette and typography recommendations are available for specific technology stacks, offering over 50 styles to match your project. This ensures your frontend development aligns with professional design standards and accessibility guidelines.

Does this UI/UX design intelligence support component implementation and code review?▼

This UI/UX design intelligence supports component implementation and code review by facilitating the creation of comprehensive design systems. It enforces critical guidelines for accessibility, performance, and interaction across web and mobile applications.

What's the best way to create a design system for a SaaS dashboard project?▼

The best way to create a design system for a SaaS dashboard is to use intelligent recommendations for professional color palettes, clean typography, and accessibility standards. This ensures a high-quality user experience from the project's outset.

Why does my frontend development need a comprehensive design system?▼

Frontend development needs a comprehensive design system to streamline UI/UX design by providing intelligent recommendations for styles, color palettes, and typography. This ensures visually appealing and user-friendly interfaces while enforcing critical UX best practices.

Related Skills

Explore More Design & Creative Skills→
cin12211cin12211
218

ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

Community
Intermediate
atrislabsatrislabs

design

Enforce frontend aesthetic policies for UI, component, and landing page development.

Official
Intermediate
PiercingXXPiercingXX
1

dithered

Guide dot-pattern shade simulation with semantic tokens and WCAG 2.2 AA criteria.

Community
Intermediate
melandlabsmelandlabs
909

ui-ux-pro-max

Generate design systems for web and mobile applications.

Official
Advanced