| name | ui-ux-pro-max-v8-data |
| description | Data Lookup Engine for UI/UX PRO MAX v8.0. Provides programmatic access to style specifications, color palettes, font pairings, UX rules, chart recommendations, icon mappings, landing page patterns, and framework-specific guidelines stored as searchable CSV/JSON data files.
|
| version | 8.0.0 |
UI/UX PRO MAX v8.0 — Part C: Data Lookup Engine
Programmatic data access layer for all Module 7 reference tables. Use this
skill when you need to look up specific values, palettes, font pairings,
style specifications, or UX rules — not generate them from scratch.
Intent Routing
Activate this skill when the query involves:
- Looking up a color palette for a specific industry or product type
- Finding font pairings that match a mood, category, or use case
- Retrieving style specifications (CSS variables, effects, framework compatibility)
- Checking UX rules (do/don't guidelines, severity levels)
- Getting chart type recommendations for a data visualization need
- Finding the right icon for a UI action or category
- Looking up landing page patterns for conversion optimization
- Retrieving framework-specific guidelines (Next.js, React, Vue, etc.)
- Getting product-type-to-UI mappings (what style/pattern for fintech, healthcare, etc.)
- Counting or searching across any data domain
Do NOT activate for: generating new designs from scratch, writing component
code (use Part B), or understanding design system philosophy (use Part A).
Data Inventory
| Domain | File | Records | Description |
|---|
color | data/colors.csv | 96 | Color palettes per product type/industry |
style | data/styles.csv | 67 | UI style specifications (22 columns) |
typography | data/typography.csv | 56 | Font pairing recommendations |
ux | data/ux-guidelines.csv | 98 | UX do/don't guidelines |
chart | data/charts.csv | 25 | Chart type recommendations |
icon | data/icons.csv | 100 | Lucide icon mappings |
reasoning | data/ui-reasoning.csv | 100 | Product → UI pattern reasoning engine |
web | data/web-interface.csv | 30 | Web interface guidelines (React/Next.js) |
performance | data/react-performance.csv | 44 | React/Next.js performance patterns |
landing | data/landing.csv | 30 | Landing page pattern specs |
product | data/products.csv | 95 | Product type → style/pattern mapping |
stack:astro | data/stacks/astro.csv | 53 | Astro framework best practices |
stack:flutter | data/stacks/flutter.csv | 52 | Flutter framework best practices |
stack:html-tailwind | data/stacks/html-tailwind.csv | 55 | HTML + Tailwind CSS best practices |
stack:jetpack-compose | data/stacks/jetpack-compose.csv | 52 | Jetpack Compose best practices |
stack:nextjs | data/stacks/nextjs.csv | 52 | Next.js best practices |
stack:nuxt-ui | data/stacks/nuxt-ui.csv | 50 | Nuxt UI best practices |
stack:nuxtjs | data/stacks/nuxtjs.csv | 58 | Nuxt.js best practices |
stack:react-native | data/stacks/react-native.csv | 51 | React Native best practices |
stack:react | data/stacks/react.csv | 53 | React best practices |
stack:shadcn | data/stacks/shadcn.csv | 60 | shadcn/ui best practices |
stack:svelte | data/stacks/svelte.csv | 53 | Svelte best practices |
stack:swiftui | data/stacks/swiftui.csv | 50 | SwiftUI best practices |
stack:vue | data/stacks/vue.csv | 49 | Vue.js best practices |
Total: 24 data files, 1,321 records across 11 core domains + 13 framework stacks.
Lookup Script Usage
The primary interface is the Python lookup script at scripts/lookup.py.
List Available Domains
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --list-domains
Search a Domain
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain color --query "SaaS" --format json
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain style --query "glassmorphism" --format table
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain stack:nextjs --query "routing" --format csv
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain typography --query "luxury" --format json
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain icon --query "navigation" --format table
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain product --query "fintech" --format json
Count Matching Records
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain ux --query "animation" --count
Exact Match Only (No Fuzzy)
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain style --query "Glassmorphism" --exact --format json
Search a Specific Column
python3 skills/ui-ux-pro-max-v8-data/scripts/lookup.py --domain color --query "SaaS" --column "Product Type" --format json
Command-Line Flags
| Flag | Short | Description |
|---|
--domain | -d | Data domain to search |
--query | -q | Search term |
--format | -f | Output: json, csv, or table (default) |
--list-domains | -l | Show all available domains |
--count | -c | Return only match count |
--exact | -e | Disable fuzzy matching |
--column | | Search only in a specific column |
Domain Aliases
Short aliases are supported for convenience:
colors → color, fonts/typo → typography, next/nextjs → stack:nextjs,
nuxt → stack:nuxtjs, rn → stack:react-native, shadcn → stack:shadcn,
tailwind → stack:html-tailwind, perf → performance, etc.
Direct CSV Reference
colors.csv (96 records)
| Column | Type | Description |
|---|
| No | int | Row index |
| Product Type | string | Industry/category name (e.g., "SaaS (General)", "Healthcare App") |
| Primary (Hex) | string | Primary brand color |
| Secondary (Hex) | string | Secondary brand color |
| CTA (Hex) | string | Call-to-action button color |
| Background (Hex) | string | Page background color |
| Text (Hex) | string | Text color |
| Border (Hex) | string | Border/divider color |
| Notes | string | Design rationale |
styles.csv (67 records, 22 columns)
| Column | Type | Description |
|---|
| No | int | Row index |
| Style Category | string | Style name (e.g., "Glassmorphism", "Brutalism") |
| Type | string | "General", "Landing Page", or "BI/Analytics" |
| Keywords | string | Comma-separated search keywords |
| Primary Colors | string | Primary color palette description |
| Secondary Colors | string | Secondary color palette description |
| Effects & Animation | string | Animation/effect specifications |
| Best For | string | Recommended use cases |
| Do Not Use For | string | Inappropriate use cases |
| Light Mode | string | Light mode compatibility |
| Dark Mode | string | Dark mode compatibility |
| Performance | string | Performance impact rating |
| Accessibility | string | Accessibility compliance level |
| Mobile-Friendly | string | Mobile compatibility rating |
| Conversion-Focused | string | Conversion optimization rating |
| Framework Compatibility | string | Framework-specific ratings |
| Era/Origin | string | Historical origin |
| Complexity | string | Implementation complexity |
| AI Prompt Keywords | string | AI prompt generation keywords |
| CSS/Technical Keywords | string | Technical CSS specifications |
| Implementation Checklist | string | Checklist items |
| Design System Variables | string | CSS custom property definitions |
typography.csv (56 records)
| Column | Type | Description |
|---|
| No | int | Row index |
| Font Pairing Name | string | Name (e.g., "Classic Elegant", "Tech Startup") |
| Category | string | "Serif + Sans", "Sans + Sans", "Mono + Sans", etc. |
| Heading Font | string | Font for headings |
| Body Font | string | Font for body text |
| Mood/Style Keywords | string | Mood descriptors |
| Best For | string | Recommended use cases |
| Google Fonts URL | string | Google Fonts sharing URL |
| CSS Import | string | CSS @import statement |
| Tailwind Config | string | Tailwind CSS fontFamily config |
| Notes | string | Usage notes |
ux-guidelines.csv (98 records)
| Column | Type | Description |
|---|
| No | int | Row index |
| Category | string | Navigation, Animation, Layout, Touch, Interaction, Accessibility, Performance, Forms, Responsive, Typography, Feedback, Content, Onboarding, Search, Data Entry, AI Interaction, Spatial UI, Sustainability |
| Issue | string | Specific UX issue name |
| Platform | string | Web, Mobile, All, VisionOS |
| Description | string | Issue description |
| Do | string | Best practice |
| Don't | string | What to avoid |
| Code Example Good | string | Good code example |
| Code Example Bad | string | Bad code example |
| Severity | string | High, Medium, Low |
ui-reasoning.csv (100 records)
| Column | Type | Description |
|---|
| No | int | Row index |
| UI_Category | string | Product type/industry |
| Recommended_Pattern | string | Landing page pattern recommendation |
| Style_Priority | string | Primary + secondary styles |
| Color_Mood | string | Color palette direction |
| Typography_Mood | string | Typography style |
| Key_Effects | string | Animation/effect specs |
| Decision_Rules | string | JSON conditional rules |
| Anti_Patterns | string | What to avoid |
| Severity | string | Priority level (HIGH/MEDIUM) |
products.csv (95 records)
| Column | Type | Description |
|---|
| No | int | Row index |
| Product Type | string | Industry/category name |
| Keywords | string | Search keywords |
| Primary Style Recommendation | string | Primary design style |
| Secondary Styles | string | Alternative styles |
| Landing Page Pattern | string | Recommended landing page pattern |
| Dashboard Style | string | Dashboard pattern (if applicable) |
| Color Palette Focus | string | Color palette direction |
| Key Considerations | string | Important design considerations |
Stack CSV files (13 frameworks, 49–60 records each)
All stack files share a common schema:
| Column | Type | Description |
|---|
| No | int | Row index |
| Category | string | Guideline category (Routing, Rendering, etc.) |
| Guideline | string | Guideline name |
| Description | string | Guideline description |
| Do | string | Best practice |
| Don't | string | What to avoid |
| Code Good | string | Good code example |
| Code Bad | string | Bad code example |
| Severity | string | Severity level |
| Docs URL | string | Documentation link |
Combined JSON Index
The file data/index.json contains:
- A complete list of all data files with paths and record counts
- A schema for each file (column names, types, descriptions)
- A
domainMap object mapping domain keys to file paths
Cross-References
-
Part A (Design System Context): Use Part A for understanding the philosophy
and principles behind these data tables. Part C provides the raw data; Part A
explains how to apply it.
-
Part B (Component Implementations): Use Part B for ready-made component code.
Look up the style specifications in Part C first, then find the matching
component implementation in Part B.
Data flow: Part C (lookup) → Part B (components) → Part A (system context)