What problem does it solve?
This Skill provides a centralized, searchable reference for UI styles, color palettes, typography, charts, UX guidelines, and stack-specific best practices to speed up design and implementation work.
Core Features & Use Cases
- Comprehensive style guide: access to UI styles, color palettes, fonts, chart types, and UX guidelines in one place.
- Stack-aware guidelines: tailored best practices for HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
- Design-system support: generate cohesive design tokens and recommendations for product interfaces and marketing pages.
- Use Case: For a SaaS dashboard, pull a color palette, typography pairing, and a chart layout recommendation to accelerate initial mockups.
Quick Start
Use the UI/UX Pro Max Skill to fetch style, color, and typography guidance by running the search script with queries.
- Example:
- python3 .factory/skills/ui-ux-pro-max/scripts/search.py "elegant dashboard" --domain style
- python3 .factory/skills/ui-ux-pro-max/scripts/search.py "healthcare color palette" --domain color
- python3 .factory/skills/ui-ux-pro-max/scripts/search.py "font pairing for marketing page" --domain typography