ui-ux-pro-max

SKILL.md

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

Step 1: Analyze User Requirements Identify what the user wants to build and the constraints.

Step 2: Generate Design System (REQUIRED) ALWAYS run the designsystem.py script to generate a cohesive design system (colors, typography, spacing, radius, shadows) tailored to the requirements.

UI/UX-Design-Intelligenz. 50 Stile, 21 Paletten, 50 Schriftartenpaare, 20 Diagramme, 9 Stapel (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Aktionen: Planen, Erstellen, Erstellen, Entwerfen, Implementieren, Überprüfen, Korrigieren, Verbessern, Optimieren, Erweitern, Umgestalten, Überprüfen des UI/UX-Codes. Projekte: Website, Landingpage, Dashboard, Admin-Panel, E-Commerce, SaaS, Portfolio, Blog, mobile App, .html, .tsx, .vue, .svelte. Elemente: Schaltfläche, Modal, Navigationsleiste, Seitenleiste, Karte, Tabelle, Formular, Diagramm. Stile: Glasmorphismus, Claymorphismus, Minimalismus, Brutalismus, Neumorphismus, Bento-Gitter, dunkler Modus, responsiv, Skeuomorphismus, flaches Design. Themen: Farbpalette, Barrierefreiheit, Animation, Layout, Typografie, Schriftpaarung, Abstand, Hover, Schatten, Farbverlauf. Integrationen: shadcn/ui MCP für Komponentensuche und Beispiele. Quelle: kevingastelum/polymind.

Original anzeigen