saifyxpro/ui-ux-design-pro-skill
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
AI spairings, 150+ reasoning 규칙, CLI 및 18의 플랫폼 템플렛. Claude, Cursor, Windsurf, Copilot, Antigravity, Cline 등과 함께 작동합니다.
개요
여러 플랫폼과 프레임 워크를 통해 프리미엄, 생산급 UI/UX를 구축하는 데이터 중심의 디자인 인텔리전스를 제공하는 수석 수준의 AI 기술. 에 의해 구동 , , , 과 . - — Glassmorphism, Liquid Glass, Data Brutalism, Spatial UI, Cyberpunk, AI-Native, 그리고 100+ more - — 11단계 (50-950) 색 스케일과 semantic 변이 (Neutral, Success, Warning, Error) - Google 글꼴 가져 오기 및 기분 키워드 - - - 산업별 팔레트 SaaS, Fintech, Healthcare, E-commerce, Beauty, and more - 산업별 디자인 - 산업별 디자인 - 산업별 디자인 시스템 - 접근성, 애니메이션, 양식 등을 다루는 모범 사례 - — React/Tailwind code snippets and WCAG accessibility notes - — React, Next.js, Vue, Nuxt.
개요(AI 번역)
여러 플랫폼과 프레임 워크를 통해 프리미엄, 생산급 UI/UX를 구축하는 데이터 중심의 디자인 인텔리전스를 제공하는 수석 수준의 AI 기술. ** 빠른 분 CLI**, ** Orama Search Engine**, **16 기술 스택 **, **1,875+ 데이터 행 **.
하이라이트
-107+ UI Styles — Glassmorphism, Liquid Glass, Data Brutalism, Spatial UI, Cyberpunk, AI-Native 및 100개 이상
- Architectural Palettes — 11단계(50-950) 색상의 스케일과 semantic 변형(Neutral, Success, Warning, Error) -107+ Font Pairings - Google Fonts 수입 및 정취 키워드를 사용한 Curated typography 조합 -127+ Color Palettes - SaaS, Fintech, Healthcare, E-commerce, Beauty 등 산업별 팔레트
- 150+ Reasoning Rules – 안티패턴과 업계별 디자인 시스템 생성
- 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
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