AI配对、150+推理规则、CLI和18个平台模板。支持Claude、Cursor、Windsurf、Copilot、Antigravity、Cline等。
概览
一项高级AI技能，提供数据驱动的设计智能，用于构建跨多个平台和框架的高端生产级UI/UX。由 、 、 、 和 驱动。 - — Glassmorphism、Liquid Glass、Data Brutalism、Spatial UI、Cyberpunk、AI Native 及其他100+ - — 11步（50-950）色彩尺度及语义变化（Neutral、Success、Warning、Error）- — 精选的排版组合，包含Google Fonts导入和情绪关键词 - — 面向SaaS、金融科技、医疗保健、电子商务、美妆等的行业专用调色板 - — 行业特定设计系统生成，包含反模式 - — 涵盖无障碍、动画、表单等的最佳实践 - — 生成React/Tailwind代码片段和WCAG无障碍注释 - — React、Next.js、Vue、Nuxt。
概述（AI 翻译）
一项高级AI技能，提供数据驱动的设计智能，用于构建跨多个平台和框架的高端生产级UI/UX。由极速的Bun CLI、Orama搜索引擎、16个技术栈和1,875+数据行驱动。
精彩片段
- 107+ UI 风格 — 玻璃形态、液态玻璃、数据野兽派、空间界面、赛博朋克、AI 原生，以及更多 100+
- 建筑调色板 — 11步（50-950）色彩尺度，带有语义变化（中性、成功、警告、错误）
- 107+ 字体配对 — 经过精心策划的排版组合，配合 Google 字体导入和情绪关键词
- 127+ 色彩调色板 — 针对SaaS、金融科技、医疗保健、电子商务、美容等行业专属调色板
- 150+ 推理规则 — 带有反模式的行业特定设计系统生成
- 150+ 用户体验指南 — 涵盖无障碍、动画、表单等的最佳实践
- 开发者就绪输出 — 生成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
Recommended Models
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
Quick Install (Recommended)
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
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add saifyxpro/ui-ux-design-pro-skill