ui-ux-pro-max
UI/UX Pro Max
This skill provides professional-grade UI/UX design guidance, focusing on modern aesthetics, accessibility, and consistency.
Capabilities
1. Design System Generation
Can generate a complete design system including:
- Colors: Primary, secondary, semantic, and neutral palettes (OKLCH/HSL).
- Typography: Font pairings, scales, and line heights.
- Spacing: Consistent spacing grids (4px/8px rule).
- Components: Variations for buttons, inputs, cards, etc.
2. Design Patterns
- Glassmorphism: Backdrop filters, transluscent layers.
- Bento Grid: Grid-based layouts for dashboards and landing pages.
- Neumorphism: Soft UI shadows (use sparingly).
- Dark Mode: High contrast, desaturated colors for eye comfort.
More from first-fluke/fullstack-starter
fastapi-router-creator
Guide for creating and organizing FastAPI routes using a file-based routing system or modular router pattern. Helps organize complex API structures.
46component-refactoring
Refactor high-complexity React components. Use when complexity metrics are high or to split monolithic UI.
33frontend-code-review
Standardized checklist and process for reviewing frontend code (.tsx, .ts, .js).
23frontend-engineer
Develop production-grade frontend code using shadcn/ui, best practices, and strict design alignment.
17skill-lookup
Discover, retrieve, and learn about available Agent Skills. key capability for finding tools to solve specific problems.
16fastapi-templates
Production-ready FastAPI project templates and patterns. Use when starting new FastAPI projects, services, or adding standard components like auth, DB connection, or middleware.
15