MMCPMarkets
SU

saifyxpro/ui-ux-design-pro-skill

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

95 stars 品質 68 トレンド 24MIT
Repository Install

AIのペアリング、150以上の推論ルール、CLI、および18プラットフォームのテンプレート。 Claude、Cursor、Windsurf、Copilot、Antigravity、Cline及び多くと働かせて下さい.

概要

複数のプラットフォームやフレームワークを通じて、プレミアム、プロダクショングレードのUI/UXを構築するためのデータ主導型の設計インテリジェンスを提供するシニアレベルのAIスキル。 , , , , . - — — ガラス成形、液体ガラス、データ残虐主義、空間UI、Cyberpunk、AI-Native、および100以上の - — 11段階(50-950)色のスケールとセマンティックのバリエーション(中立、成功、警告、エラー) - — キュレーションされたタイポグラフィの組み合わせとGoogleフォントのインポートと気分のキーワード - — SaaS、Fintech、ヘルスケア、Eコマース、美容、およびより多くの業界固有のパレット - アンチ・システム - 生成システム - アクセシビリティ、アニメーション、フォームなどを網羅するベストプラクティス - React/Tailwind のコードスニペットと WCAG アクセシビリティノート - — React、Next.js、Vue、Nuxt.

概要（AI 翻訳）

複数のプラットフォームやフレームワークを通じて、プレミアム、プロダクショングレードのUI/UXを構築するためのデータ主導型の設計インテリジェンスを提供するシニアレベルのAIスキル。 高速Ban CLI, Orama Search Engine, 16 tech stacks, 1,875+のデータ行.

##ハイライト

-107+ UI スタイル — グラスモルフィズム、液体ガラス、データ残虐主義、空間UI、サイバーパンク、AI-Native、100以上

  • 建築パレット — 11段階(50-950)色のスケールとセマンティックバリエーション(中立、成功、警告、エラー) -107+フォントペアリング - Googleフォントのインポートと気分のキーワードとキュレーションタイポグラフィの組み合わせ -127以上のカラーパレット - SaaS、Fintech、ヘルスケア、Eコマース、ビューティーなどの業界固有のパレット -150以上の理由 - 業界固有の設計システム生成と反パターン
  • 150 + UXガイドライン — アクセシビリティ、アニメーション、フォームなどのベストプラクティス
  • Developer-Ready output — React/Tailwind コードスニペットとWCAGアクセシビリティノートを生成
  • 16 テックスタック — React, Next.js, Vue, Nuxt.js, Angular, Remix, SolidJS, Svelte, Astro, など

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

🎨 UI/UX Design Pro Skill (2026 Edition)

A senior-level AI skill that provides data-driven design intelligence for building premium, production-grade UI/UX across multiple platforms and frameworks. Powered by a blazing fast Bun CLI, Orama Search Engine, 16 tech stacks, and 1,875+ data rows.

Highlights

  • 107+ UI Styles — Glassmorphism, Liquid Glass, Data Brutalism, Spatial UI, Cyberpunk, AI-Native, and 100+ more
  • Architectural Palettes — 11-step (50-950) color scales with semantic variations (Neutral, Success, Warning, Error)
  • 107+ Font Pairings — Curated typography combinations with Google Fonts imports and mood keywords
  • 127+ Color Palettes — Industry-specific palettes for SaaS, Fintech, Healthcare, E-commerce, Beauty, and more
  • 150+ Reasoning Rules — Industry-specific design system generation with anti-patterns
  • 150+ UX Guidelines — Best practices covering accessibility, animation, forms, and more
  • Developer-Ready Output — Generates React/Tailwind code snippets and WCAG accessibility notes
  • 16 Tech Stacks — React, Next.js, Vue, Nuxt.js, Angular, Remix, SolidJS, Svelte, Astro, and more
  • Unified CLI — Search, audit, icons, and generation tools in a single TypeScript application
  • 11 Reference Docs — Intent-first design methodology

For best results, use GPT-5.3 Codex xhigh or Gemini 3.0 Pro.

Prerequisites

Requirement Version Purpose
Bun 1.0+ Required runtime for the CLI and Orama search engine

Install Bun

# macOS / Linux / WSL
curl -fsSL https://bun.sh/install | bash

# Windows (PowerShell)
powershell -c "irm bun.sh/install.ps1 | iex"

Installation

npx skills add https://github.com/saifyxpro/ui-ux-design-pro-skill --skill ui-ux-design-pro

Manual Installation

# Clone the repository
git clone https://github.com/saifyxpro/ui-ux-design-pro-skill.git
cd ui-ux-design-pro-skill

# Install dependencies
cd skills/ui-ux-design-pro/cli
bun install

Before & After

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add saifyxpro/ui-ux-design-pro-skill
MCP 初心者？mcpskill.org のガイドから始めましょう →