SU

saifyxpro/ui-ux-design-pro-skill

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

95 stars Качество 68 Тренд 24MIT

AI spairings, 150+ правил рассуждения, CLI и 18 шаблонов платформ. Работает с Claude, Cursor, Windsurf, Copilot, Antigravity, Cline и другими.

Обзор

Умение ИИ старшего уровня, которое обеспечивает интеллект проектирования, основанный на данных, для создания премиум-, производственного UI / UX на нескольких платформах и фреймворках. Управляемый , , , и . — Glassmorphism, Liquid Glass, Data Brutalism, Spatial UI, Cyberpunk, AI-Native и еще 100+ — 11-ступенчатые (50-950) цветовые шкалы с семантическими вариациями (Neutral, Success, Warning, Error) — Кураторские комбинации типографики с импортом Google Fonts и ключевыми словами настроения — отраслевые палитры для SaaS, Fintech, Healthcare, E-commerce, Beauty и многое другое — отраслевые системы проектирования с антипаттернами — — Лучшие практики, охватывающие доступность, анимацию, формы и многое другое — генерирует фрагменты кода React / Tailwind и заметки доступности WCAG — React, Next.js, Vue, Nuxt.

Обзор (машинный перевод)

Умение ИИ старшего уровня, которое обеспечивает интеллект проектирования, основанный на данных, для создания премиум-, производственного UI / UX на нескольких платформах и фреймворках. Работает на ** быстром Bun CLI**, Orama Search Engine, 16 технических стеков и 1,875+ строк данных.

Основные моменты

107+ UI Styles — Стекломорфизм, Жидкое стекло, Data Brutalism, Пространственный интерфейс, Киберпанк, AI-Native и еще 100+ Архитектурные палитры — 11-ступенчатые (50-950) цветовые шкалы с семантическими вариациями (нейтральные, успехи, предупреждения, ошибки) 107+ Font Pairings — кураторские комбинации типографики с импортом шрифтов Google и ключевыми словами настроения 127+ Цветные палитры - отраслевые палитры для SaaS, Fintech, здравоохранения, электронной коммерции, красоты и многого другого 150+ Правила рассуждения — создание отраслевых систем проектирования с антипаттернами 150+ UX Руководящие принципы — лучшие практики, охватывающие доступность, анимацию, формы и многое другое Developer-Ready Output — генерирует фрагменты кода React/Tailwind и примечания о доступности WCAG 16 Tech Stacks — React, Next.js, Vue, Nuxt.js, Angular, Remix, SolidJS, Svelte, Astro и другие

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

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

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add saifyxpro/ui-ux-design-pro-skill
Новичок в MCP? Начните с руководства на mcpskill.org →