skills.rest
hb9397
hb9397COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provides UI/UX design and accessibility recommendations from indexed CSV data using BM25 ranking.

Updated Mar 5, 2026
Search Tags:#typography#ui#accessibility#design system#color palette#ux
One-click install
npx skills add https://github.com/hb9397/ai-agent-harness-docs --skill ui-ux-pro-max-hb9397
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hb9397/ai-agent-harness-docs/tree/main/plugins/ai-agent-harness/runtime/claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hb9397/ai-agent-harness-docs --skill ui-ux-pro-max-hb9397

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill resolves ambiguity in design by providing a searchable, evidence-based database for UI/UX decisions, ensuring consistency and accessibility without relying on guesswork.

Core Features & Use Cases

  • Design System Foundation: Recommends color palettes, typography pairings, and layout patterns based on product type and industry standards.
  • UX & Accessibility Audit: Reviews existing interfaces against WCAG standards and platform-specific interaction guidelines.
  • Use Case: When building a new SaaS dashboard, use this Skill to select a high-density layout, professional color tokens, and accessible typography that aligns with your specific technical stack.

Quick Start

Use the ui-ux-pro-max skill to generate a design system recommendation for a new fintech dashboard 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 design system with accessible color palettes and typography?▼

To generate a design system, this Skill recommends accessible color palettes and typography pairings by querying a local database of UI/UX principles based on your product type and industry standards.

What is the best way to audit an existing interface for WCAG accessibility standards?▼

The best way to audit an interface for WCAG accessibility is to review it against this Skill's searchable database of accessibility guidelines and platform-specific interaction principles to pinpoint compliance gaps.

Do I need local CSV data files to perform UI/UX design recommendations?▼

Yes, you need local CSV data files to perform UI/UX design recommendations, as the Skill relies on them to execute BM25-based ranking and generate evidence-based design system suggestions.

Can I use this for component styling across different technology stacks?▼

Yes, you can use this for component styling across different technology stacks, as the database provides interface design guidelines that adapt to various technical environments for consistent implementation.

How does BM25-based ranking work for UX design decisions?▼

BM25-based ranking for UX design decisions works by scoring local CSV data of design principles against your query, retrieving the most relevant evidence to resolve design ambiguity without guesswork.

Related Skills

Explore More Design & Creative Skills→
RepairYourTechRepairYourTech
6

design-reference-data

Search CSV design reference data using BM25 queries.

Community
Intermediate
v1nizxv1nizx

stitch::extract-design-md

Extract color palettes, typography scales, and component styling patterns from frontend source code.

Community
Advanced
LinusConradMLinusConradM

software-engineer

Automates Streamlit UI development for the CRPD Disability Rights Data Dashboard.

Community
Advanced
47thtechcorner47thtechcorner
21

web-design-guidelines

Audit local UI files against remote web design and accessibility guidelines.

Community
Intermediate