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 デザイン インテリジェンス。 50 のスタイル、21 のパレット、50 のフォント ペア、20 のチャート、9 つのスタック (React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui)。アクション: 計画、構築、作成、設計、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UX コードのチェック。プロジェクト: Web サイト、ランディング ページ、ダッシュボード、管理パネル、電子商取引、SaaS、ポートフォリオ、ブログ、モバイル アプリ、.html、.tsx、.vue、.svelte。要素: ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、グラフ。スタイル: グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベント グリッド、ダーク モード、レスポンシブ、スキューモーフィズム、フラット デザイン。トピック: カラー パレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォント ペアリング、間隔、ホバー、シャドウ、グラデーション。統合: コンポーネントの検索と例用の shadcn/ui MCP。 ソース: kevingastelum/polymind。

原文を見る