AI に UI デザインの判断基準を持たせるスキル「UI UX Pro Max」

おすすめポイント

AI にランディングページや管理画面を作らせると、紫のグラデーションに絵文字のアイコンといった似た見た目になりがち。このスキルを入れると、AI が「何のサービスか」「どんな雰囲気にしたいか」から、スタイル・配色・フォント・ページ構成・避けるべき表現までを決めてからコードを書くようになる。デザイナーがいない段階で試作品を作る PdM や、社内ツールの見た目を整えたいエンジニアに向く。

内容

Glassmorphism や Minimalism などの UI スタイル、SaaS・EC・ヘルスケアといった業種別の配色、Google Fonts の組み合わせ、グラフの種類、ランディングページの構成パターン、アニメーションやアクセシビリティの UX ルールをデータベースとして収録。v2.0 ではプロジェクトの要件からデザインシステム一式を提案する機能と、納品前のチェックリストが加わった。React / Next.js / Vue / SwiftUI / Flutter / Tailwind などの技術スタック別の指針もある。Claude Code ではプラグインとして2コマンドで入り、Cursor・Windsurf・GitHub Copilot・Codex などには npm の CLI（`uipro init`）で導入できる。

公開元: uupm.cc / リポジトリ: github.com/nextlevelbuilder/ui-ux-pro-max-skill / ライセンス: MIT / 主要言語: Python