このプロジェクトについて
UI UX Pro Maxは、複数プラットフォーム・フレームワーク向けのプロフェッショナルなUI/UX構築にデザイン知能を提供するオープンソースのAIスキルです。Claude Code、Cursor、Windsurf、GitHub CopilotなどのAIコーディングアシスタントと統合されます。
機能:
- Glassmorphism、Claymorphism、Minimalism、Brutalism、Neumorphism、Bento Grid、Dark Mode、AI-Native UIなどを含む79種類の検索可能UIスタイル(50がアクティブ)
- 自動デザインシステム生成のための192の業界特化型推論ルール
- プロダクトタイプに連動した192のカラーパレット
- Google Fontsインポート付きの74の厳選フォントペアリング
- ダッシュボード向けの25のチャートタイプ推奨
- ベストプラクティス、アンチパターン、アクセシビリティ、回復力あるテキストレイアウト、取消可能インタラクションをカバーした119のUXガイドライン
- React、Next.js、Astro、Vue、Nuxt.js、Svelte、SwiftUI、React Native、Flutter、HTML+Tailwind、shadcn/ui、Jetpack Compose、Angular、Laravel、Three.js、JavaFX、WPF、WinUI 3、UWP、Avalonia、Uno Platformを含む22の技術スタック対応
デザインシステム生成:
本スキルはプロジェクト要件を分析し、レイアウトパターン、カラースキーム、タイポグラフィ、主要効果、回避すべきアンチパターン、納品前チェックリストを含む完全なデザインシステムを生成する推論エンジンを含みます。マルチドメイン検索は、プロダクトタイプ、スタイル、カラーパレット、ランディングページパターン、タイポグラフィペアを並列で照会します。
インストール:
- Claude Marketplace経由: `/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill`
- npm CLI経由: `npm install -g ui-ux-pro-max-cli`、その後 `uipro init --ai <assistant>`
- 必須条件: Python 3.x(標準ライブラリのみ、ネットワーク呼び出しまたは外部依存なし)
使用方法:
- Skill Mode: 対応アシスタントでUI/UX作業を要求時に自動的に有効化
- Workflow Mode: Kiro、GitHub Copilot、Roo Code、KiloCodeで`/ui-ux-pro-max`スラッシュコマンドを使用
- 高度なCLI: `--design-system`、`--domain`、`--stack`などのフラグ付きで`python3 scripts/search.py`を実行し、推論エンジンに直接アクセス
プレミアムバージョンはuupm.ccで提供され、拡張ブランドデザインスキル、高度なアセット作成、エンタープライズアーキテクチャサポートが含まれます。オープンソース版はコアUI/UXインテリジェンスとクロスプラットフォームスタックガイドラインをカバーします。
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.