skills.rest
impact-initiatives
impact-initiativesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design-system recommendations via BM25 search over CSV datasets.

1|Updated May 13, 2026
Search Tags:#color palettes#typography#accessibility#react#responsive design#design system#ui-ux
One-click install
npx skills add https://github.com/impact-initiatives/ana_app --skill ui-ux-pro-max-impact-initiatives
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/impact-initiatives/ana_app/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/impact-initiatives/ana_app --skill ui-ux-pro-max-impact-initiatives

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

It helps you quickly produce more usable, accessible, and visually consistent UI/UX by turning UI principles into actionable design-system guidance instead of relying on guesswork.

Core Features & Use Cases

  • Design-system generation: Produces a complete, project-ready UI/UX recommendation (pattern, style direction, color palette, typography, key effects, and anti-patterns) from a single query.
  • Domain-specific guidance search: Finds targeted recommendations for areas like accessibility, UX interactions, typography, colors, landing patterns, and chart choices.
  • Stack-aware implementation guidance: Tailors recommendations to specific front-end stacks (e.g., html-tailwind, React, Next.js, Svelte, Flutter, shadcn/ui) using stack guideline datasets.
  • Persistence with overrides: Saves outputs into a Master + page-override structure so you can reuse consistent rules across pages while customizing deviations per page.

Quick Start

Run the command python3 skills/ui-ux-pro-max/scripts/search.py "saas healthcare dashboard accessibility typography" --design-system -f markdown -p "ANA Dashboard" to generate a markdown design system tailored to your UI/UX needs.

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 complete UI design system with color palettes and typography for my dashboard?▼

To generate a UI design system, run the search script with your query and the --design-system flag. It searches domain-specific datasets to output a complete recommendation covering patterns, colors, typography, and effects.

Can I get UX and accessibility guidance tailored to a specific front-end stack like React or Next.js?▼

Yes, UI/UX recommendations can be tailored to specific front-end stacks like React, Next.js, Svelte, or Flutter. The system applies stack guideline datasets to provide implementation guidance matching your chosen UI framework.

What's the best way to maintain consistent responsive design rules across multiple application pages?▼

The best way to maintain responsive design consistency is using the persistence feature. It saves outputs into a Master and page-override structure, allowing you to reuse core rules across pages while customizing specific deviations per individual page.

How does the tool find matching UI patterns and chart choices for a specific query?▼

The tool finds matching UI patterns and chart choices by running a BM25-based search over CSV datasets. It selects the best matches for your specific query regarding pattern, style, colors, and typography to build the final output.

Do I need any external dependencies to run the UI/UX design system script?▼

No external dependencies are required to run the UI/UX design system script. The Skill operates independently using its internal scripts to process queries and generate formatted ASCII or Markdown design outputs.

Related Skills

Explore More Design & Creative Skills→
danielctcdanielctc

ui-ux-pro-max

Search UI/UX style guides using a BM25 index over CSV datasets.

Community
Intermediate
NeuronioAzulNeuronioAzul

visual-design-foundations

Apply typography, color, and spacing principles to create cohesive interface design systems.

Community
Intermediate
GACLoveGACLove
2

tailwind-design-system

Generate Tailwind CSS v4 design system assets with @theme tokens and CVA patterns.

Community
Intermediate
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate