ui-ux-pro-max

Generate searchable UI/UX design systems with prioritized style recommendations.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/takayatomose/tas-agent-skills --skill ui-ux-pro-max-takayatomose
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/takayatomose/tas-agent-skills/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/takayatomose/tas-agent-skills --skill ui-ux-pro-max-takayatomose

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Consolidates scattered UI/UX guidance into a searchable, prioritized design knowledge base so teams can quickly choose coherent styles, color palettes, typography, and chart types without manual research or inconsistent decisions.

Core Features & Use Cases

  • Searchable BM25-backed database of styles, colors, charts, typography, and UX guidelines for multiple product types and stacks.
  • Design system generator that aggregates multi-domain search results, applies reasoning rules, and outputs unified recommendations with persistence (MASTER + page overrides).
  • Stack-specific guidance and implementation hints for HTML/Tailwind, React, Next.js, SwiftUI, Flutter, and others, plus a pre-delivery checklist for accessibility and responsiveness.
  • Use Case: Quickly generate a cohesive design system for a SaaS dashboard that includes color tokens, component specs, accessibility notes, and page-level overrides.

Quick Start

Run the search script with a short query and request a design system to generate a complete design system for your project.

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 for a SaaS dashboard?

Generate a UI design system by searching a BM25-backed database of styles, colors, and typography to produce prioritized recommendations for SaaS dashboards. The system outputs unified design tokens, component specs, and accessibility notes tailored to your project.

Can I get color palette and typography recommendations for a React or Next.js project?

Yes, you can get color palette and typography recommendations with stack-specific implementation hints for React, Next.js, and other frameworks. The system applies reasoning rules to search results to output coherent design choices for your stack.

What is the best way to consolidate scattered UI/UX guidelines into a searchable knowledge base?

Consolidating UI/UX guidelines uses a CSV-backed BM25 search script to aggregate styles, charts, and UX rules into a searchable knowledge base. This eliminates manual research and ensures consistent design decisions across multiple product types.

Does the design system generator support page-level overrides for analytics interfaces?

The design system generator supports analytics interfaces by persisting a master design system alongside page-level overrides. It outputs prioritized style and chart recommendations directly to a design-system folder for implementation.

How do I create a cohesive design system with accessibility and responsiveness checks?

Create a cohesive design system by aggregating multi-domain search results and applying a pre-delivery checklist for accessibility and responsiveness. The generated output includes component specifications and UX guidelines ensuring compliance.

Can I use this tool to generate design tokens for a Flutter or SwiftUI mobile project?

Yes, you can generate design tokens and style recommendations for Flutter and SwiftUI mobile projects. The tool provides stack-specific guidance and implementation hints for web and mobile platforms including landing pages and analytics interfaces.