ui-ux-pro-max

Search UI/UX design guidelines across CSV datasets using BM25.

1|Updated Aug 12, 2023
One-click install
npx skills add https://github.com/nktfh100/nixos-config --skill ui-ux-pro-max-nktfh100
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nktfh100/nixos-config/tree/main/claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nktfh100/nixos-config --skill ui-ux-pro-max-nktfh100

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams struggle to consistently apply best practices and rapidly assemble design systems across web and mobile projects. This Skill provides a scalable, searchable knowledge base of design guidelines, patterns, color palettes, typography, and components to accelerate design decisions.

Core Features & Use Cases

  • BM25-powered search across styles, colors, typography, UX guidelines, icons, and actionable design patterns to surface relevant patterns and components.
  • Design system generation by aggregating top results from multiple domains to inform pattern, color, typography, and component decisions.
  • Use Case: rapidly craft a cohesive dashboard UI with consistent typography, color palette, and component choices.

Quick Start

Ask the AI to generate a complete design system for a SaaS dashboard by running a search with a descriptive query.

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 cohesive design system for a web or mobile project?

To generate a cohesive design system, use a BM25-powered search across domain-specific CSV datasets like styles, colors, typography, and UX guidelines. It aggregates top results to inform decisions on patterns, color palettes, and components for your web or mobile project.

What is the best way to find UI/UX guidelines and design patterns for a SaaS dashboard?

The best way to find UI/UX guidelines for a SaaS dashboard is querying a searchable knowledge base of design patterns using BM25 search. It surfaces structured fields like Style Category, Primary Colors, and Accessibility notes from indexed design-system datasets.

Can I search for specific typography moods and color palettes using this design knowledge base?

Yes, you can search for specific typography moods and color palettes. The search engine indexes CSV datasets like colors.csv and typography.csv, returning structured fields such as Typography Mood and Primary Colors based on your descriptive query.

Does the UI/UX design system search provide accessibility notes for components?

Yes, the UI/UX design system search provides accessibility notes. When you query the indexed datasets, the BM25-powered engine returns top results with structured fields that explicitly include Accessibility notes alongside Style Category and Primary Colors.

What datasets are indexed for searching UX guidelines and app interfaces?

The indexed datasets for searching UX guidelines and app interfaces include styles.csv, colors.csv, typography.csv, landing.csv, products.csv, ux-guidelines.csv, icons.csv, charts.csv, react-performance.csv, app-interface.csv, and google-fonts.csv.