ui-ux-pro-max
Web・モバイル向けのUI/UXデザイン支援ツールです。50以上のスタイル、161色のカラーパレット、57フォントペアリング、161商品タイプ、99UXガイドライン、25チャートタイプを備え、React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSSの10スタックに対応しています。企画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UXコードの確認を実行できます。Webサイト、ランディングページ、ダッシュボード、管理画面、ECサイト、SaaS、ポートフォリオ、ブログ、モバイルアプリなど多様なプロジェクトに対応。ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャートなどの要素をサポートし、ガラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザインのスタイルを提供。カラーシステム、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、スペーシング、インタラクション状態、シャドウ、グラデーションをカバーし、shadcn/ui MCPの統合によりコンポーネント検索と事例を活用できます。
description の原文を見る
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
SKILL.md 本文
UI/UX Pro Max - Design Intelligence
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. Searchable database with priority-based recommendations.
When to Apply
This Skill should be used when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control.
Must Use
This Skill must be invoked in the following situations:
- Designing new pages (Landing Page, D
...
詳細情報
- 作者
- sanchitmoh
- リポジトリ
- sanchitmoh/CFO
- ライセンス
- 不明
- 最終更新
- 2026/5/10
Source: https://github.com/sanchitmoh/CFO / ライセンス: 未指定