Search a structured UI/UX design database to generate design system recommendations.
npx skills add https://github.com/MichaelSolati/mkai --skill ui-ux-search
Please help me install this Agent Skill. Skill: ui-ux-search Source: https://github.com/MichaelSolati/mkai/tree/main/profiles/ui-ux-design/skills/ui-ux-search Command: npx skills add https://github.com/MichaelSolati/mkai --skill ui-ux-search
This Skill eliminates the tedious research and inconsistency in UI/UX design by providing a searchable intelligence database of proven design patterns, color systems, typography pairings, and interaction guidelines. Instead of guessing aesthetics or manually compiling design system rules, you receive data-backed recommendations tailored to your product type, target audience, and technology stack.
Use the ui-ux-search skill to generate a complete design system for a new SaaS dashboard including recommended styles, color palettes, typography, and accessibility guidelines.
High-intent search queries and answers about installing and using this skill.
You generate a UI design system by querying a structured database of styles, colors, and typography to receive prioritized recommendations with reasoning rules tailored to your React or Next.js stack. This outputs layout patterns, semantic color tokens, and typography scales.
The best way to find accessible color palettes and typography pairings is to search a design intelligence database containing 161 color palettes and 57 font pairings. It applies accessibility standards and interaction guidelines directly to mobile stacks like React Native and Flutter.
Yes, you can use this design system search tool with Svelte, Vue, and Tailwind. It supports 10 technology stacks including Svelte, Vue, Tailwind, and shadcn/ui, providing stack-specific implementation guidelines and component styling recommendations for your workflow.
Yes, you need Python 3 installed to run UI/UX design pattern searches locally. The search mechanism executes BM25 queries against local CSV data files to retrieve design patterns, interaction guidelines, and chart selection recommendations for your project.
To choose the right charts and dashboard layouts, you search specific domains like product type patterns and chart types within the database. It evaluates 25 chart types and 99 UX guidelines to deliver accessible data visualization recommendations for your fintech application.
A limitation of using a database-driven approach for UI/UX design decisions is that recommendations are constrained to the 50+ UI styles and predefined patterns within the local CSV files. It requires Python 3 execution and cannot dynamically generate design systems for entirely novel frameworks outside its supported stacks.
RepairYourTechSearch CSV design reference data using BM25 queries.
wpgauravGenerate design-system blueprints with color tokens, typography, spacing, and accessibility checks.
eniosales08-AIGenerate UI/UX design systems with palettes, typography, and components.
WizCoderrGenerate a design system from a searchable database of design patterns and guidelines.
