ui-ux-pro-max

Retrieve policy-guided design tokens and style guidelines for front-end frameworks.

141|20|Updated Dec 19, 2025
One-click install
npx skills add https://github.com/julianromli/opencode-template --skill ui-ux-pro-max-julianromli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/julianromli/opencode-template/tree/main/skill/ui-ux-pro-max
Command: npx skills add https://github.com/julianromli/opencode-template --skill ui-ux-pro-max-julianromli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams spend excessive time searching for consistent design guidance, across color systems, typography pairings, UI patterns, and stack-specific guidelines.

Core Features & Use Cases

  • Searchable style guides: query color palettes, typography pairings, UI patterns, and accessibility considerations.
  • Domain-specific guidance: tailored recommendations by product type (website, dashboard, mobile app) and stack (html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter).
  • Use Case: When starting a new design system, pull cohesive style tokens across platforms to ensure visual consistency and accessibility alignment.

Quick Start

Ask the UI/UX Pro Max skill for style guidance for your product and stack to retrieve cohesive design tokens and guidelines.

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 cohesive UI style guides for different front-end frameworks?

To find cohesive UI style guides, query this design intelligence toolkit to retrieve structured color palettes, typography pairings, and stack-specific guidelines for frameworks like react, nextjs, vue, svelte, and flutter.

Can I get typography and color palette recommendations for a mobile app dashboard?

Yes, you can get typography and color palette recommendations for a mobile app dashboard by querying the toolkit, which provides tailored domain-specific guidance and accessibility considerations based on your product type.

What is the best way to extract design tokens for a new design system?

The best way to extract design tokens for a new design system is to search this toolkit using BM25-based query ranking, which returns field-aligned results containing structured style recommendations and UI patterns.

Does this design intelligence toolkit support swiftui and react-native guidelines?

Yes, this design intelligence toolkit supports swiftui and react-native guidelines, providing stack-specific recommendations alongside other supported stacks like html-tailwind, vue, and svelte for consistent visual outcomes.

How do I ensure visual consistency when starting a new website design?

Ensure visual consistency by pulling cohesive style tokens from this searchable toolkit, which aligns typography, color palettes, and UI patterns with accessibility considerations across your target stack.

Why use a searchable toolkit for UI patterns instead of manual design searches?

Use a searchable toolkit for UI patterns to eliminate the excessive time spent manually searching for consistent domain-specific guidance across color systems, typography pairings, and multiple front-end stacks.