diff --git a/README.ko.md b/README.ko.md new file mode 100644 index 0000000..9ceb29f --- /dev/null +++ b/README.ko.md @@ -0,0 +1,630 @@ +# [UI UX Pro Max](https://uupm.cc) + +

+ ๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ตญ์–ด | + ๐Ÿ‡ป๐Ÿ‡ณ Tiแบฟng Viแป‡t | + ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ | + ๐Ÿ‡บ๐Ÿ‡ธ English +

+ +

+ GitHub ๋ฆด๋ฆฌ์Šค + ์ถ”๋ก  ๊ทœ์น™ 192๊ฐœ + ๊ฒ€์ƒ‰ ๊ฐ€๋Šฅํ•œ UI ์Šคํƒ€์ผ 79๊ฐœ + Python 3.x + ๋ผ์ด์„ ์Šค +

+ +

+ npm + npm ๋‹ค์šด๋กœ๋“œ ์ˆ˜ + GitHub ์Šคํƒ€ ์ˆ˜ + PayPal +

+ +์—ฌ๋Ÿฌ ํ”Œ๋žซํผ๊ณผ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ์ „๋ฌธ์ ์ธ UI/UX๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋””์ž์ธ ์ธํ…”๋ฆฌ์ „์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” AI ์Šคํ‚ฌ์ž…๋‹ˆ๋‹ค. + +

+ + UI UX Pro Max + +

+ +

+ ์ด ํ”„๋กœ์ ํŠธ๊ฐ€ ์œ ์šฉํ•˜๋‹ค๋ฉด ํ›„์›์„ ๊ณ ๋ คํ•ด ์ฃผ์„ธ์š”:

+ PayPal ํ›„์› +

+ +

+ ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ
+ NextLevelBuilder.io | GoClaw.sh | ClaudeKit.cc | TOSE.sh +

+ +## v2.0์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ + +### ์ง€๋Šฅํ˜• ๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ + +v2.0์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์€ **๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ๊ธฐ**์ž…๋‹ˆ๋‹ค. AI ๊ธฐ๋ฐ˜ ์ถ”๋ก  ์—”์ง„์ด ํ”„๋กœ์ ํŠธ ์š”๊ตฌ ์‚ฌํ•ญ์„ ๋ถ„์„ํ•˜๊ณ  ๋ช‡ ์ดˆ ๋งŒ์— ์™„์ „ํ•œ ๋งž์ถคํ˜• ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. + +``` +๋Œ€์ƒ: Serenity Spa - ๊ถŒ์žฅ ๋””์ž์ธ ์‹œ์Šคํ…œ + +ํŒจํ„ด: ํžˆ์–ด๋กœ ์ค‘์‹ฌ + ์‚ฌํšŒ์  ์ฆ๊ฑฐ + ์ „ํ™˜: ์‹ ๋ขฐ ์š”์†Œ๋ฅผ ํ™œ์šฉํ•œ ๊ฐ์„ฑ ์ค‘์‹ฌ ์„ค๊ณ„ + CTA: ์ฒซ ํ™”๋ฉด์— ๋ฐฐ์น˜ํ•˜๊ณ  ํ›„๊ธฐ ๋‹ค์Œ์— ๋ฐ˜๋ณต + ์„น์…˜: + 1. ํžˆ์–ด๋กœ + 2. ์„œ๋น„์Šค + 3. ๊ณ ๊ฐ ํ›„๊ธฐ + 4. ์˜ˆ์•ฝ + 5. ์—ฐ๋ฝ์ฒ˜ + +์Šคํƒ€์ผ: Soft UI Evolution + ํ‚ค์›Œ๋“œ: ๋ถ€๋“œ๋Ÿฌ์šด ๊ทธ๋ฆผ์ž, ์€์€ํ•œ ๊นŠ์ด, ํŽธ์•ˆํ•จ, ๊ณ ๊ธ‰์Šค๋Ÿฌ์›€, ์œ ๊ธฐ์  ํ˜•ํƒœ + ์ถ”์ฒœ ๋Œ€์ƒ: ์›ฐ๋‹ˆ์Šค, ๋ทฐํ‹ฐ, ๋ผ์ดํ”„์Šคํƒ€์ผ ๋ธŒ๋žœ๋“œ, ํ”„๋ฆฌ๋ฏธ์—„ ์„œ๋น„์Šค + ์„ฑ๋Šฅ: cost:low | ์ ‘๊ทผ์„ฑ: risk:conditional; ์š”๊ตฌ ์‚ฌํ•ญ ํ™•์ธ ํ•„์š” + +์ƒ‰์ƒ: + ๊ธฐ๋ณธ: #E8B4B8 (์—ฐํ•œ ๋ถ„ํ™์ƒ‰) + ๋ณด์กฐ: #A8D5BA (์„ธ์ด์ง€ ๊ทธ๋ฆฐ) + CTA: #D4AF37 (๊ธˆ์ƒ‰) + ๋ฐฐ๊ฒฝ: #FFF5F5 (๋”ฐ๋œปํ•œ ํฐ์ƒ‰) + ํ…์ŠคํŠธ: #2D3436 (์ฐจ์ฝœ) + ์ฐธ๊ณ : ์ฐจ๋ถ„ํ•œ ํŒ”๋ ˆํŠธ์— ๊ธˆ์ƒ‰ ํฌ์ธํŠธ๋ฅผ ๋”ํ•ด ๊ณ ๊ธ‰์Šค๋Ÿฌ์šด ๋ถ„์œ„๊ธฐ ์—ฐ์ถœ + +ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ: Cormorant Garamond / Montserrat + ๋ถ„์œ„๊ธฐ: ์šฐ์•„ํ•จ, ์ฐจ๋ถ„ํ•จ, ์„ธ๋ จ๋จ + ์ถ”์ฒœ ๋Œ€์ƒ: ๋ช…ํ’ˆ ๋ธŒ๋žœ๋“œ, ์›ฐ๋‹ˆ์Šค, ๋ทฐํ‹ฐ, ์—๋””ํ† ๋ฆฌ์–ผ + Google Fonts: https://fonts.google.com/share?selection.family=... + +ํ•ต์‹ฌ ํšจ๊ณผ: + ๋ถ€๋“œ๋Ÿฌ์šด ๊ทธ๋ฆผ์ž + ๋งฅ๋ฝ์— ๋งž๋Š” ์ „ํ™˜ + ์€์€ํ•œ ํ˜ธ๋ฒ„ ์ƒํƒœ + +ํ”ผํ•ด์•ผ ํ•  ์š”์†Œ(์•ˆํ‹ฐํŒจํ„ด): + ๋ฐ์€ ๋„ค์˜จ ์ƒ‰์ƒ + ๊ณผํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜ + ๋‹คํฌ ๋ชจ๋“œ + AI ์Šคํƒ€์ผ ๋ณด๋ผ/๋ถ„ํ™ ๊ทธ๋ผ๋””์–ธํŠธ + +์ „๋‹ฌ ์ „ ์ฒดํฌ๋ฆฌ์ŠคํŠธ: + [ ] ์ด๋ชจ์ง€๋ฅผ ์•„์ด์ฝ˜์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Œ(SVG: Heroicons/Lucide ์‚ฌ์šฉ) + [ ] ํด๋ฆญ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ์š”์†Œ์— cursor-pointer ์ ์šฉ + [ ] ํ”Œ๋žซํผ, ์ปดํฌ๋„ŒํŠธ, ์‚ฌ์šฉ์ž ํ™˜๊ฒฝ์„ค์ •์— ๋งž๋Š” ์ƒํ˜ธ์ž‘์šฉ ํƒ€์ด๋ฐ ์ ์šฉ + [ ] ๋ผ์ดํŠธ ๋ชจ๋“œ: ํ…์ŠคํŠธ ๋ช…์•”๋น„ ์ตœ์†Œ 4.5:1 + [ ] ํ‚ค๋ณด๋“œ ํƒ์ƒ‰ ์‹œ ํฌ์ปค์Šค ์ƒํƒœ ํ‘œ์‹œ + [ ] prefers-reduced-motion ์ค€์ˆ˜ + [ ] ํ…์ŠคํŠธ, ์นฉ, ๋ฐฐ์ง€๊ฐ€ ์ž˜๋ฆฌ๊ฑฐ๋‚˜ ๊นจ์ง€์ง€ ์•Š๊ณ  ์žฌ๋ฐฐ์น˜ + [ ] ๋ฐ˜์‘ํ˜•: 375px, 768px, 1024px, 1440px +``` + +### ๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ ๋ฐฉ์‹ + +``` +1. ์‚ฌ์šฉ์ž ์š”์ฒญ + "๋‚ด ๋ทฐํ‹ฐ ์ŠคํŒŒ์˜ ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ์ค˜" + + โ†“ + +2. ๋‹ค์ค‘ ๋„๋ฉ”์ธ ๊ฒ€์ƒ‰(5๊ฐœ ๋ณ‘๋ ฌ ๊ฒ€์ƒ‰) + โ€ข ์ œํ’ˆ ์œ ํ˜• ๋งค์นญ(192๊ฐœ ๋ถ„์•ผ) + โ€ข ์Šคํƒ€์ผ ์ถ”์ฒœ(๊ฒ€์ƒ‰ ๊ฐ€๋Šฅ 79๊ฐœ, ํ™œ์„ฑ 50๊ฐœ) + โ€ข ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ ์„ ํƒ(192๊ฐœ ํŒ”๋ ˆํŠธ) + โ€ข ๋žœ๋”ฉ ํŽ˜์ด์ง€ ํŒจํ„ด(34๊ฐœ ํŒจํ„ด) + โ€ข ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์กฐํ•ฉ(74๊ฐœ ๊ธ€๊ผด ์กฐํ•ฉ) + + โ†“ + +3. ์ถ”๋ก  ์—”์ง„ + โ€ข ์ œํ’ˆ โ†’ UI ๋ถ„์•ผ ๊ทœ์น™ ๋งค์นญ + โ€ข ์Šคํƒ€์ผ ์šฐ์„ ์ˆœ์œ„ ์ ์šฉ(BM25 ์ˆœ์œ„) + โ€ข ์‚ฐ์—…๋ณ„ ์•ˆํ‹ฐํŒจํ„ด ํ•„ํ„ฐ๋ง + โ€ข ์˜์‚ฌ๊ฒฐ์ • ๊ทœ์น™ ์ฒ˜๋ฆฌ(JSON ์กฐ๊ฑด) + + โ†“ + +4. ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ถœ๋ ฅ + ํŒจํ„ด + ์Šคํƒ€์ผ + ์ƒ‰์ƒ + ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ + ํšจ๊ณผ + + ํ”ผํ•ด์•ผ ํ•  ์•ˆํ‹ฐํŒจํ„ด + ์ „๋‹ฌ ์ „ ์ฒดํฌ๋ฆฌ์ŠคํŠธ +``` + +### 192๊ฐœ์˜ ์‚ฐ์—…๋ณ„ ์ถ”๋ก  ๊ทœ์น™ + +์ถ”๋ก  ์—”์ง„์—๋Š” ๋‹ค์Œ ๋ถ„์•ผ์— ํŠนํ™”๋œ ๊ทœ์น™์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. + +| ๋ถ„์•ผ | ์˜ˆ์‹œ | +|------|------| +| **๊ธฐ์ˆ  ๋ฐ SaaS** | SaaS, ๋งˆ์ดํฌ๋กœ SaaS, B2B ์„œ๋น„์Šค, ๊ฐœ๋ฐœ์ž ๋„๊ตฌ/IDE, AI/์ฑ—๋ด‡ ํ”Œ๋žซํผ, ์‚ฌ์ด๋ฒ„ ๋ณด์•ˆ ํ”Œ๋žซํผ | +| **๊ธˆ์œต** | ํ•€ํ…Œํฌ/์•”ํ˜ธํ™”ํ, ์€ํ–‰, ๋ณดํ—˜, ๊ฐœ์ธ ์žฌ๋ฌด ์ถ”์ ๊ธฐ, ์ฒญ๊ตฌ์„œ ๋ฐ ๊ฒฐ์ œ ๋„๊ตฌ | +| **ํ—ฌ์Šค์ผ€์–ด** | ๋ณ‘์›, ์•ฝ๊ตญ, ์น˜๊ณผ, ๋™๋ฌผ๋ณ‘์›, ์ •์‹  ๊ฑด๊ฐ•, ๋ณต์•ฝ ์•Œ๋ฆผ | +| **์ „์ž์ƒ๊ฑฐ๋ž˜** | ์ผ๋ฐ˜, ๋ช…ํ’ˆ, ๋งˆ์ผ“ํ”Œ๋ ˆ์ด์Šค(P2P), ๊ตฌ๋… ์ƒ์ž, ์Œ์‹ ๋ฐฐ๋‹ฌ | +| **์„œ๋น„์Šค** | ๋ทฐํ‹ฐ/์ŠคํŒŒ, ๋ ˆ์Šคํ† ๋ž‘, ํ˜ธํ…”, ๋ฒ•๋ฅ , ํ™ˆ ์„œ๋น„์Šค, ์˜ˆ์•ฝ ๋ฐ ์ผ์ • ๊ด€๋ฆฌ | +| **ํฌ๋ฆฌ์—์ดํ‹ฐ๋ธŒ** | ํฌํŠธํด๋ฆฌ์˜ค, ์—์ด์ „์‹œ, ์‚ฌ์ง„, ๊ฒŒ์ž„, ์Œ์•… ์ŠคํŠธ๋ฆฌ๋ฐ, ์‚ฌ์ง„/๋™์˜์ƒ ํŽธ์ง‘๊ธฐ | +| **๋ผ์ดํ”„์Šคํƒ€์ผ** | ์Šต๊ด€ ์ถ”์ ๊ธฐ, ์š”๋ฆฌ ๋ฐ ๋ ˆ์‹œํ”ผ, ๋ช…์ƒ, ๋‚ ์”จ, ์ผ๊ธฐ, ๊ธฐ๋ถ„ ์ถ”์ ๊ธฐ | +| **์‹ ๊ธฐ์ˆ ** | Web3/NFT, ๊ณต๊ฐ„ ์ปดํ“จํŒ…, ์–‘์ž ์ปดํ“จํŒ…, ์ž์œจ ๋“œ๋ก  ํ•จ๋Œ€ | + +๊ฐ ๊ทœ์น™์—๋Š” ๋‹ค์Œ ํ•ญ๋ชฉ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. +- **๊ถŒ์žฅ ํŒจํ„ด** - ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๊ตฌ์กฐ +- **์Šคํƒ€์ผ ์šฐ์„ ์ˆœ์œ„** - ๊ฐ€์žฅ ์ ํ•ฉํ•œ UI ์Šคํƒ€์ผ +- **์ƒ‰์ƒ ๋ถ„์œ„๊ธฐ** - ์‚ฐ์—…์— ์ ํ•ฉํ•œ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ +- **ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๋ถ„์œ„๊ธฐ** - ๊ธ€๊ผด์˜ ๊ฐœ์„ฑ ์กฐํ•ฉ +- **ํ•ต์‹ฌ ํšจ๊ณผ** - ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ ์ƒํ˜ธ์ž‘์šฉ +- **์•ˆํ‹ฐํŒจํ„ด** - ํ”ผํ•ด์•ผ ํ•  ์š”์†Œ(์˜ˆ: ์€ํ–‰ ์„œ๋น„์Šค์˜ "AI ์Šคํƒ€์ผ ๋ณด๋ผ์ƒ‰/๋ถ„ํ™์ƒ‰ ๊ทธ๋ผ๋””์–ธํŠธ") + +## ๊ธฐ๋Šฅ + +- **๊ฒ€์ƒ‰ ๊ฐ€๋Šฅํ•œ UI ์Šคํƒ€์ผ 79๊ฐœ(ํ™œ์„ฑ 50๊ฐœ)** - ๊ธ€๋ž˜์Šค๋ชจํ”ผ์ฆ˜, ํด๋ ˆ์ด๋ชจํ”ผ์ฆ˜, ๋ฏธ๋‹ˆ๋ฉ€๋ฆฌ์ฆ˜, ๋ธŒ๋ฃจํƒˆ๋ฆฌ์ฆ˜, ๋‰ด๋ชจํ”ผ์ฆ˜, ๋ฒคํ†  ๊ทธ๋ฆฌ๋“œ, ๋‹คํฌ ๋ชจ๋“œ, AI ๋„ค์ดํ‹ฐ๋ธŒ UI ๋“ฑ +- **์ƒ‰์ƒ ํŒ”๋ ˆํŠธ 192๊ฐœ** - 192๊ฐœ ์ œํ’ˆ ์œ ํ˜•๊ณผ 1:1๋กœ ์ •๋ ฌ๋œ ์‚ฐ์—…๋ณ„ ํŒ”๋ ˆํŠธ +- **๊ธ€๊ผด ์กฐํ•ฉ 74๊ฐœ** - Google Fonts ๊ฐ€์ ธ์˜ค๊ธฐ ์ฝ”๋“œ๊ฐ€ ํฌํ•จ๋œ ์—„์„ ๋œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์กฐํ•ฉ +- **์ฐจํŠธ ์œ ํ˜• 25๊ฐœ** - ๋Œ€์‹œ๋ณด๋“œ ๋ฐ ๋ถ„์„ ํ™”๋ฉด์„ ์œ„ํ•œ ๊ถŒ์žฅ ์‚ฌํ•ญ +- **๊ธฐ์ˆ  ์Šคํƒ 22๊ฐœ** - React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, Three.js, JavaFX, WPF, WinUI 3, UWP, Avalonia, Uno Platform +- **UX ๊ฐ€์ด๋“œ๋ผ์ธ 119๊ฐœ** - ๋ชจ๋ฒ” ์‚ฌ๋ก€, ์•ˆํ‹ฐํŒจํ„ด, ์ ‘๊ทผ์„ฑ ๊ทœ์น™, ์œ ์—ฐํ•œ ํ…์ŠคํŠธ ๋ ˆ์ด์•„์›ƒ, ๊ฐ„๊ฒฐํ•œ ๋ ˆ์ด๋ธ”, ์ทจ์†Œ ๊ฐ€๋Šฅํ•œ ์ƒํ˜ธ์ž‘์šฉ +- **์ถ”๋ก  ๊ทœ์น™ 192๊ฐœ** - ์‚ฐ์—…๋ณ„ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ(v2.0์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ) + +### ์œ ์—ฐํ•œ ํ…์ŠคํŠธ์™€ ์ปดํŒฉํŠธ UI + +์ด ๊ฐ€์ด๋“œ๋Š” ์ œ๋ชฉ, ๊ธด ํ† ํฐ, ์นฉ, ๋ฐฐ์ง€, ์ค‘๋‹จ๋œ ๋งˆ์ดํฌ๋กœ ์ธํ„ฐ๋ž™์…˜์—์„œ ํ”ํžˆ ๋ฐœ์ƒํ•˜๋Š” ์‹ค์ œ ์„œ๋น„์Šค ๋ฌธ์ œ๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค. + +- ์ œ๋ชฉ์˜ ๊ท ํ˜• ์žกํžŒ ์ค„๋ฐ”๊ฟˆ์€ ์ ์ง„์  ํ–ฅ์ƒ ๊ธฐ๋Šฅ์ผ ๋ฟ, ํŠน์ • ๋‹จ์–ด๊ฐ€ ๋งˆ์ง€๋ง‰ ์ค„์— ๋‚จ๋Š”๋‹ค๋Š” ๋ณด์žฅ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋„ˆ๋น„, ๊ธ€๊ผด, ๋กœ์ผ€์ผ์— ๋”ฐ๋ฅธ ์ž์—ฐ์Šค๋Ÿฌ์šด ์ค„๋ฐ”๊ฟˆ์—์„œ๋„ ๋””์ž์ธ์ด ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. +- ํ•„์ˆ˜ ํ…์ŠคํŠธ๋Š” ์ข์€ ํ™”๋ฉด, ๋ธŒ๋ผ์šฐ์ € ํ™•๋Œ€, ํ…์ŠคํŠธ ํฌ๊ธฐ ์กฐ์ •, ์‚ฌ์šฉ์ž ๊ฐ„๊ฒฉ ์„ค์ •์—์„œ๋„ ์ž˜๋ฆฌ์ง€ ์•Š๊ณ  ์žฌ๋ฐฐ์น˜๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ธด URL๊ณผ ์‹๋ณ„์ž๋Š” ์•ˆ์ „ํ•˜๊ฒŒ ์ค„๋ฐ”๊ฟˆํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. +- ์นฉ๊ณผ ํƒœ๊ทธ ๋ชจ์Œ์€ ์ค„๋ฐ”๊ฟˆ๋˜๊ฑฐ๋‚˜ ์กฐ์ž‘ ๊ฐ€๋Šฅํ•œ `+n` ํŽผ์น˜๊ธฐ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ„๊ฒฐํ•œ ๋ ˆ์ด๋ธ”์€ ๊ฐ€๋Šฅํ•œ ํ•œ ์˜จ์ „ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๊ณ , ๋ถˆ๊ฐ€ํ”ผํ•˜๊ฒŒ ์ž˜๋ผ์•ผ ํ•œ๋‹ค๋ฉด ํ‚ค๋ณด๋“œยทํฌ์ธํ„ฐยทํ„ฐ์น˜ ์‚ฌ์šฉ์ž๊ฐ€ ์ „์ฒด ๊ฐ’์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๊ฒฝ๋กœ๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. +- ๋ฐฐ์ง€์˜ ์˜๋ฏธ๋ฅผ ์ƒ‰์ƒ์—๋งŒ ์˜์กดํ•ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค. ์ƒํ˜ธ์ž‘์šฉ ๊ฐ€๋Šฅํ•œ ์นฉ์—๋Š” ๋„ค์ดํ‹ฐ๋ธŒ ์‹œ๋งจํ‹ฑ, ๋ช…ํ™•ํ•œ ํฌ์ปค์Šค, ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์˜ ์ƒํƒœ๊ฐ€ ํ•„์š”ํ•˜๋ฉฐ ์‹ค์‹œ๊ฐ„ ๊ฐœ์ˆ˜์—๋Š” ์˜๋ฏธ ์žˆ๋Š” ๋งฅ๋ฝ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. +- ๋น ๋ฅธ ์ƒํ˜ธ์ž‘์šฉ์€ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ทจ์†Œํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ตœ์ข… ์‹œ๋งจํ‹ฑ ์ƒํƒœยทํฌ์ปค์Šคยท์ฝ˜ํ…์ธ ๋Š” ์ •ํ™•ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํƒ€์ด๋ฐ์€ ํ”Œ๋žซํผ๊ณผ ์ปดํฌ๋„ŒํŠธ์— ๋งž๊ฒŒ ์„ ํƒํ•˜๊ณ  ๋ชจ์…˜ ๊ฐ์†Œ ํ™˜๊ฒฝ์„ค์ •์„ ์กด์ค‘ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. + +### ์Šคํƒ€์ผ ๋ถ„๋ฅ˜ ์ฒด๊ณ„ + +์นดํƒˆ๋กœ๊ทธ์—๋Š” ์•ˆ์ •์ ์ธ ID์™€ ๋ณ„์นญ์œผ๋กœ ๋’ท๋ฐ›์นจ๋˜๋Š” **๊ฒ€์ƒ‰ ๊ฐ€๋Šฅํ•œ ์Šคํƒ€์ผ 79๊ฐœ**๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. + +| ์ƒํƒœ | ๊ฐœ์ˆ˜ | ๊ฒ€์ƒ‰ ๋™์ž‘ | +|------|-----:|-----------| +| ํ™œ์„ฑ | 50 | ์ผ๋ฐ˜ ์ถ”์ฒœ์— ํฌํ•จ๋˜๋ฉฐ ๊ฐค๋Ÿฌ๋ฆฌ์— ๊ธฐ๋ณธ ํ‘œ์‹œ | +| ๋ณด์กฐ | 29 | ์ •ํ™•ํ•˜๊ฑฐ๋‚˜ ๋ช…์‹œ์ ์ธ ๋ณ€ํ˜•/์‹œ์Šคํ…œ ์˜๋„์ผ ๋•Œ ๋ฐ˜ํ™˜๋˜๋ฉฐ ๊ฐค๋Ÿฌ๋ฆฌ ์ƒํƒœ ํ•„ํ„ฐ์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅ | +| ์‚ฌ์šฉ ์ค‘๋‹จ | 9 | ์ผ๋ฐ˜ ์ˆœ์œ„์—์„œ ์ œ์™ธ๋˜๋ฉฐ ๊ธฐ์กด ์ด๋ฆ„์€ ํ‘œ์ค€ ์Šคํƒ€์ผ ๋˜๋Š” ๋žœ๋”ฉ ํŒจํ„ด์œผ๋กœ ์—ฐ๊ฒฐ | + +ํ™œ์„ฑ ์„ธํŠธ๋Š” ์ผ๋ฐ˜ ์‹œ๊ฐ ์Šคํƒ€์ผ๊ตฐ 43๊ฐœ, ๋ชจ๋ฐ”์ผ ์ „์šฉ ์Šคํƒ€์ผ 2๊ฐœ, ๊ณต์‹ ํ”Œ๋žซํผ/๋””์ž์ธ ์‹œ์Šคํ…œ 3๊ฐœ, ํ”Œ๋žซํผ ์†Œ์žฌ 1๊ฐœ, ํ•ต์‹ฌ ๋ถ„์„ ์Šคํƒ€์ผ 1๊ฐœ๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ๊ณต์‹ ์‹œ์Šคํ…œ์—๋Š” Fluent 2, Shopify Polaris, Adobe Spectrum์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. Liquid Glass๋Š” Apple ํ”Œ๋žซํผ ์†Œ์žฌ๋กœ ํ•œ์ •๋˜๊ณ , Material 3 Expressive๋Š” ๋ชจ๋ฐ”์ผ Material ๋ณ€ํ˜•์œผ๋กœ ์œ ์ง€๋˜๋ฉฐ, Spectrum 2๋Š” ๋ณด์กฐ ์Šคํƒ€์ผ์ž…๋‹ˆ๋‹ค. ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๊ตฌ์กฐ๋Š” BM25 ์ˆœ์œ„์—์„œ ์‹œ๊ฐ ์Šคํƒ€์ผ๊ณผ ๊ฒฝ์Ÿํ•˜์ง€ ์•Š๊ณ  ๋ณ„๋„์˜ 34๊ฐœ ํŒจํ„ด ๋žœ๋”ฉ ๋ฐ์ดํ„ฐ์…‹์— ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. + +์ „์ฒด ๋ถ„๋ฅ˜ ์ฒด๊ณ„์™€ ์ถœ์ฒ˜ ์ธ์‹ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋Š” [`styles.csv`](src/ui-ux-pro-max/data/styles.csv)๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”. + +## ๐Ÿ’Ž ๊ธฐ๋ณธ ๋ฒ„์ „๊ณผ ํ”„๋ฆฌ๋ฏธ์—„ ๋ฒ„์ „ ๋น„๊ต + +๋งŽ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์˜คํ”ˆ ์†Œ์Šค ๋ฒ„์ „๊ณผ ํ”„๋ฆฌ๋ฏธ์—„ ๋ฒ„์ „์˜ ์ฐจ์ด๋ฅผ ๋ฌป์Šต๋‹ˆ๋‹ค. ์›Œํฌํ”Œ๋กœ์— ์ ํ•ฉํ•œ ๋ฒ„์ „์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ์ž์„ธํžˆ ๋น„๊ตํ–ˆ์Šต๋‹ˆ๋‹ค. + +### ๐ŸŸข ๊ธฐ๋ณธ ๋ฒ„์ „(์ด ์ €์žฅ์†Œ) +* **์™„์ „ํ•œ ์˜คํ”ˆ ์†Œ์Šค:** ๊ฐœ์ธ ๊ฐœ๋ฐœ์ž, ์ทจ๋ฏธ ๊ฐœ๋ฐœ์ž, ์ผ๋ฐ˜ ํ”„๋กœ์ ํŠธ์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. +* **ํ•ต์‹ฌ UI/UX ์ธํ…”๋ฆฌ์ „์Šค:** ๊ฒ€์ƒ‰ ๊ฐ€๋Šฅํ•œ UI ์Šคํƒ€์ผ 79๊ฐœ(ํ™œ์„ฑ 50๊ฐœ), ์ œํ’ˆ ์œ ํ˜• 192๊ฐœ, ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ, ์—„์„ ๋œ ๊ธ€๊ผด ์กฐํ•ฉ์„ ๋ชจ๋‘ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +* **์Šค๋งˆํŠธ ์ถ”์ฒœ:** ๋‚ด์žฅ BM25 ๊ฒ€์ƒ‰ ์—”์ง„์œผ๋กœ ์ •ํ™•๋„ ๋†’์€ ๋””์ž์ธ ๋งค์นญ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. +* **ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์ง€์›:** 22๊ฐœ ์ฃผ์š” ํ”„๋ ˆ์ž„์›Œํฌ(React, Vue, Tailwind, iOS, Android ๋“ฑ)๋ฅผ ์œ„ํ•œ ์Šคํƒ๋ณ„ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. +* **๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ:** CLI๋ฅผ ํ†ตํ•ด ๋งž์ถคํ˜• UI ๊ทœ์น™, ํŒจํ„ด, ๋กœ์ง์„ ์ฆ‰์‹œ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. + +### ๐ŸŸก ํ”„๋ฆฌ๋ฏธ์—„ ๋ฒ„์ „ +* **ํ™•์žฅ๋œ ๋ธŒ๋žœ๋“œ ๋””์ž์ธ ์Šคํ‚ฌ:** UI/UX๋ฅผ ๋„˜์–ด ๋ธŒ๋žœ๋“œ ์•„์ด๋ดํ‹ฐํ‹ฐ ์ƒ์„ฑ, ๋กœ๊ณ  ๋””์ž์ธ, ๊ธฐ์—… ์•„์ด๋ดํ‹ฐํ‹ฐ ํ”„๋กœ๊ทธ๋žจ(CIP), ๋ฐฐ๋„ˆ, ํ”„๋ ˆ์  ํ…Œ์ด์…˜ ์Šฌ๋ผ์ด๋“œ, ๋งž์ถคํ˜• ์•„์ด์ฝ˜ ์ œ์ž‘์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. +* **๊ณ ๊ธ‰ ์—์…‹ ์ƒ์„ฑ:** AI ๊ธฐ๋ฐ˜ ์ด๋ฏธ์ง€ ์ƒ์„ฑ๊ณผ ๊ธด๋ฐ€ํ•˜๊ฒŒ ํ†ตํ•ฉ๋˜์–ด ํ”Œ๋ ˆ์ด์Šคํ™€๋”๊ฐ€ ์•„๋‹Œ ์‹ค์ œ ์‹œ๊ฐ ์—์…‹์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. +* **์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ์•„ํ‚คํ…์ฒ˜:** ๋Œ€๊ทœ๋ชจ ํŒ€ ๋ฐฐํฌ๋ฅผ ์œ„ํ•œ ๋” ํฌ๊ด„์ ์ด๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๋””์ž์ธ ํ† ํฐ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. +* **์šฐ์„  ์ง€์›:** ์ค‘๋‹จ ์—†๋Š” ์ „์ฒด ๋””์ž์ธ ์›Œํฌํ”Œ๋กœ๊ฐ€ ํ•„์š”ํ•œ ํŒ€๊ณผ ์ „๋ฌธ๊ฐ€์—๊ฒŒ ์ „์šฉ ๊ธฐ์ˆ  ์ง€์›์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + +๐Ÿ‘‰ *ํ”„๋ฆฌ๋ฏธ์—„ ๋“ฑ๊ธ‰ ์—…๊ทธ๋ ˆ์ด๋“œ์— ๊ด€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ [uupm.cc](https://uupm.cc)๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”.* + +## ์„ค์น˜ + +### Claude Marketplace ์‚ฌ์šฉ(Claude Code) + +Claude Code์—์„œ ๋‹ค์Œ ๋‘ ๋ช…๋ น์–ด๋กœ ๋ฐ”๋กœ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. + +``` +/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill +/plugin install ui-ux-pro-max@ui-ux-pro-max-skill +``` + +### CLI ์‚ฌ์šฉ(๊ถŒ์žฅ) + +```bash +# CLI ์ „์—ญ ์„ค์น˜ +npm install -g ui-ux-pro-max-cli + +# ํ”„๋กœ์ ํŠธ๋กœ ์ด๋™ +cd /path/to/your/project + +# ์‚ฌ์šฉํ•˜๋Š” AI ์–ด์‹œ์Šคํ„ดํŠธ์šฉ์œผ๋กœ ์„ค์น˜ +uipro init --ai claude # Claude Code +uipro init --ai cursor # Cursor +uipro init --ai windsurf # Windsurf +uipro init --ai antigravity # Antigravity +uipro init --ai copilot # GitHub Copilot +uipro init --ai kiro # Kiro +uipro init --ai codex # Codex CLI +uipro init --ai qoder # Qoder +uipro init --ai roocode # Roo Code +uipro init --ai gemini # Gemini CLI +uipro init --ai trae # Trae +uipro init --ai opencode # OpenCode +uipro init --ai continue # Continue +uipro init --ai codebuddy # CodeBuddy +uipro init --ai droid # Droid (Factory) +uipro init --ai kilocode # KiloCode +uipro init --ai warp # Warp +uipro init --ai augment # Augment +uipro init --ai codewhale # CodeWhale +uipro init --ai openclaw # OpenClaw +uipro init --ai universal # Universal / Agent Standard (.agents/skills/) +uipro init --ai all # All assistants +``` + +npm ํŒจํ‚ค์ง€๋ช…์€ `ui-ux-pro-max-cli`์ด๋ฉฐ, ์„ค์น˜๋˜๋Š” ๋ช…๋ น์–ด๋Š” `uipro`์ž…๋‹ˆ๋‹ค. ์ด์ „ `uipro-cli` ๋ฆด๋ฆฌ์Šค๋Š” ์˜ค๋ž˜๋˜์—ˆ์œผ๋ฏ€๋กœ ํ˜„์žฌ ์—์…‹๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”. + +### ์ „์—ญ ์„ค์น˜(๋ชจ๋“  ํ”„๋กœ์ ํŠธ์—์„œ ์‚ฌ์šฉ) + +```bash +uipro init --ai claude --global # Install to ~/.claude/skills/ +uipro init --ai cursor --global # Install to ~/.cursor/skills/ +uipro init --ai universal --global # Install to ~/.agents/skills/ +``` + +### ๊ธฐํƒ€ CLI ๋ช…๋ น์–ด + +```bash +uipro versions # List available versions +uipro update # Refresh skill files from installed CLI package +uipro update --global # Refresh global skill files from installed CLI package +uipro init --offline # Compatibility flag; installs bundled templates +uipro uninstall # Remove skill (auto-detect platform) +uipro uninstall --ai claude # Remove specific platform +uipro uninstall --global # Remove from global install +``` + +## ์‚ฌ์ „ ์š”๊ตฌ ์‚ฌํ•ญ + +๊ฒ€์ƒ‰ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ ค๋ฉด Python 3.x๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ‘œ์ค€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋งŒ ์‚ฌ์šฉํ•˜๋ฉฐ, ์Šคํฌ๋ฆฝํŠธ๋Š” ์•„๋ฌด๊ฒƒ๋„ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ  ๋„คํŠธ์›Œํฌ ์š”์ฒญ๋„ ๋ณด๋‚ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค. + +Python ์„ค์น˜ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•˜์„ธ์š”. + +```bash +python3 --version +``` + +์„ค์น˜๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค๋ฉด [python.org](https://www.python.org/downloads/) ๋˜๋Š” ์šด์˜์ฒด์ œ์˜ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž(Homebrew, apt, winget)๋ฅผ ์‚ฌ์šฉํ•ด ์ง์ ‘ ์„ค์น˜ํ•˜์„ธ์š”. ์ด ์„ค์น˜ ๋‹จ๊ณ„๋Š” **์‚ฌ๋žŒ์ธ ์‚ฌ์šฉ์ž**๊ฐ€ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•˜๋Š” AI ์—์ด์ „ํŠธ๋Š” ์‚ฌ์šฉ์ž ์ปดํ“จํ„ฐ์— ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์ง์ ‘ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ , ์‚ฌ์šฉ์ž์—๊ฒŒ ์„ค์น˜๋ฅผ ์š”์ฒญํ•˜๋„๋ก ์ง€์‹œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. + +## ์‚ฌ์šฉ๋ฒ• + +### ์Šคํ‚ฌ ๋ชจ๋“œ(์ž๋™ ํ™œ์„ฑํ™”) + +**์ง€์›:** Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy, Droid (Factory), KiloCode, Warp, Augment, CodeWhale + +UI/UX ์ž‘์—…์„ ์š”์ฒญํ•˜๋ฉด ์Šคํ‚ฌ์ด ์ž๋™์œผ๋กœ ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค. ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์š”์ฒญํ•˜์„ธ์š”. + +``` +๋‚ด SaaS ์ œํ’ˆ์˜ ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ์ค˜ +``` + +> **Trae**: ๋จผ์ € **SOLO** ๋ชจ๋“œ๋กœ ์ „ํ™˜ํ•˜์„ธ์š”. UI/UX ์š”์ฒญ ์‹œ ์Šคํ‚ฌ์ด ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค. + +### ์›Œํฌํ”Œ๋กœ ๋ชจ๋“œ(์Šฌ๋ž˜์‹œ ๋ช…๋ น์–ด) + +**์ง€์›:** Kiro, GitHub Copilot, Roo Code, KiloCode + +์Šฌ๋ž˜์‹œ ๋ช…๋ น์–ด๋กœ ์Šคํ‚ฌ์„ ์‹คํ–‰ํ•˜์„ธ์š”. + +``` +/ui-ux-pro-max ๋‚ด SaaS ์ œํ’ˆ์˜ ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ์ค˜ +``` + +### ํ”„๋กฌํ”„ํŠธ ์˜ˆ์‹œ + +``` +๋‚ด SaaS ์ œํ’ˆ์˜ ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ์ค˜ + +ํ—ฌ์Šค์ผ€์–ด ๋ถ„์„ ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ๋งŒ๋“ค์–ด ์ค˜ + +๋‹คํฌ ๋ชจ๋“œ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ๋ฅผ ๋””์ž์ธํ•ด ์ค˜ + +์ „์ž์ƒ๊ฑฐ๋ž˜ ๋ชจ๋ฐ”์ผ ์•ฑ UI๋ฅผ ๋งŒ๋“ค์–ด ์ค˜ + +์–ด๋‘์šด ํ…Œ๋งˆ์˜ ํ•€ํ…Œํฌ ๋ฑ…ํ‚น ์•ฑ์„ ๋งŒ๋“ค์–ด ์ค˜ +``` + +### ์ž‘๋™ ๋ฐฉ์‹ + +1. **์š”์ฒญ** - UI/UX ์ž‘์—…์„ ์š”์ฒญํ•ฉ๋‹ˆ๋‹ค(๊ตฌ์ถ•, ๋””์ž์ธ, ์ƒ์„ฑ, ๊ตฌํ˜„, ๊ฒ€ํ† , ์ˆ˜์ •, ๊ฐœ์„ ). +2. **๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ** - AI๊ฐ€ ์ถ”๋ก  ์—”์ง„์„ ์‚ฌ์šฉํ•ด ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. +3. **์Šค๋งˆํŠธ ์ถ”์ฒœ** - ์ œํ’ˆ ์œ ํ˜•๊ณผ ์š”๊ตฌ ์‚ฌํ•ญ์— ๋”ฐ๋ผ ๊ฐ€์žฅ ์ ํ•ฉํ•œ ์Šคํƒ€์ผ, ์ƒ‰์ƒ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค. +4. **์ฝ”๋“œ ์ƒ์„ฑ** - ์ ์ ˆํ•œ ์ƒ‰์ƒ, ๊ธ€๊ผด, ๊ฐ„๊ฒฉ, ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ์ ์šฉํ•ด UI๋ฅผ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. +5. **์ „๋‹ฌ ์ „ ๊ฒ€์‚ฌ** - ์ผ๋ฐ˜์ ์ธ UI/UX ์•ˆํ‹ฐํŒจํ„ด์„ ๊ธฐ์ค€์œผ๋กœ ๊ฒ€์ฆํ•ฉ๋‹ˆ๋‹ค. + +### ์ง€์› ์Šคํƒ + +์ด ์Šคํ‚ฌ์€ ๋‹ค์Œ ์Šคํƒ๋ณ„ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + +| ๋ถ„์•ผ | ์Šคํƒ | +|------|------| +| **์›น(HTML)** | HTML + Tailwind(๊ธฐ๋ณธ๊ฐ’) | +| **React ์ƒํƒœ๊ณ„** | React, Next.js, shadcn/ui | +| **Vue ์ƒํƒœ๊ณ„** | Vue, Nuxt.js, Nuxt UI | +| **Angular** | Angular | +| **PHP** | Laravel(Blade, Livewire, Inertia.js) | +| **๊ธฐํƒ€ ์›น** | Svelte, Astro, Three.js | +| **๋ฐ์Šคํฌํ†ฑ** | JavaFX, WPF, WinUI 3, Avalonia, Uno Platform, UWP | +| **iOS** | SwiftUI | +| **Android** | Jetpack Compose | +| **ํฌ๋กœ์Šค ํ”Œ๋žซํผ** | React Native, Flutter | + +ํ”„๋กฌํ”„ํŠธ์—์„œ ์›ํ•˜๋Š” ์Šคํƒ์„ ์–ธ๊ธ‰ํ•˜๊ฑฐ๋‚˜ ๊ธฐ๋ณธ๊ฐ’์ธ HTML + Tailwind๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. + +## ๋””์ž์ธ ์‹œ์Šคํ…œ ๋ช…๋ น์–ด(๊ณ ๊ธ‰) + +๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ๊ธฐ์— ์ง์ ‘ ์ ‘๊ทผํ•˜๋ ค๋ฉด ๋‹ค์Œ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. + +> ์ฐธ๊ณ : Continue๋กœ ์„ค์น˜ํ–ˆ๋‹ค๋ฉด ์•„๋ž˜ ๋ช…๋ น์–ด์˜ `.claude/skills/`๋ฅผ `.continue/skills/`๋กœ ๋ฐ”๊พธ์„ธ์š”. Droid(Factory)๋Š” `.factory/skills/`๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. + +```bash +# ASCII ์ถœ๋ ฅ์œผ๋กœ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ƒ์„ฑ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system -p "Serenity Spa" + +# Markdown ์ถœ๋ ฅ์œผ๋กœ ์ƒ์„ฑ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "fintech banking" --design-system -f markdown + +# ๋„๋ฉ”์ธ๋ณ„ ๊ฒ€์ƒ‰ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "glassmorphism" --domain style +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "elegant serif" --domain typography +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "dashboard" --domain chart +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "error summary validation" --domain ux +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "decorative icon aria hidden" --domain icons +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "icon button accessible label" --domain icons +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "orphan heading line balance" --domain ux +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "badge chip label wraps to second line" --domain ux +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "rapid chip animation interrupted" --domain ux + +# ์Šคํƒ๋ณ„ ๊ฐ€์ด๋“œ๋ผ์ธ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "form validation" --stack react +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "responsive layout" --stack html-tailwind +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "chip badge overflow nowrap" --stack html-tailwind +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "tableview binding" --stack javafx +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "atlantafx primer enterprise theme" --stack javafx +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "enterprise tableview density permission" --stack javafx +``` + +์›น ์Šคํƒ ๊ฒ€์ƒ‰์€ ๋ฒ„์ „์„ ์ธ์‹ํ•ฉ๋‹ˆ๋‹ค. ์ด์ „ ๋ฉ”์ด์ € ๋ฒ„์ „์„ ์ง€์ •ํ•˜์ง€ ์•Š์€ ์ฟผ๋ฆฌ๋Š” ํ˜„์žฌ ํ™œ์„ฑ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๋ช…์‹œ์ ์ธ ๋ ˆ๊ฑฐ์‹œ ์šฉ์–ด๋‚˜ ์ด์ „ ๋ฉ”์ด์ € ๋ฒ„์ „(์˜ˆ: `Svelte 4`, `Next.js 15`)์„ ์ง€์ •ํ•˜๋ฉด `Status`์™€ `Applies To`๊ฐ€ ํ‘œ์‹œ๋œ ์—„์„ ๋œ ๋ ˆ๊ฑฐ์‹œ ํ–‰๋งŒ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ผ์น˜ํ•˜๋Š” ๋ ˆ๊ฑฐ์‹œ ๊ฐ€์ด๋“œ๋ผ์ธ์ด ์—†๋‹ค๋ฉด ํ”„๋ ˆ์ž„์›Œํฌ ์„ธ๋Œ€๋ฅผ ์„ž์ง€ ์•Š๊ณ  ๊ฒฐ๊ณผ๋ฅผ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. + +### ๋””์ž์ธ ์‹œ์Šคํ…œ ์ €์žฅ(๋งˆ์Šคํ„ฐ + ์˜ค๋ฒ„๋ผ์ด๋“œ ํŒจํ„ด) + +์„ธ์…˜ ๊ฐ„ **๊ณ„์ธต์  ๊ฒ€์ƒ‰**์„ ์œ„ํ•ด ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ํŒŒ์ผ๋กœ ์ €์žฅํ•˜์„ธ์š”. + +```bash +# ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ƒ์„ฑํ•˜์—ฌ design-system/MASTER.md์— ์ €์žฅ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system --persist -p "MyApp" + +# ํŽ˜์ด์ง€๋ณ„ ์˜ค๋ฒ„๋ผ์ด๋“œ ํŒŒ์ผ๋„ ์ƒ์„ฑ +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system --persist -p "MyApp" --page "dashboard" +``` + +๋‹ค์Œ๊ณผ ๊ฐ™์€ `design-system/` ํด๋” ๊ตฌ์กฐ๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. + +``` +design-system/ +โ”œโ”€โ”€ MASTER.md # ์ „์—ญ ๋‹จ์ผ ์ •๋ณด ์ถœ์ฒ˜(์ƒ‰์ƒ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๊ฐ„๊ฒฉ, ์ปดํฌ๋„ŒํŠธ) +โ””โ”€โ”€ pages/ + โ””โ”€โ”€ dashboard.md # ํŽ˜์ด์ง€๋ณ„ ์˜ค๋ฒ„๋ผ์ด๋“œ(๋งˆ์Šคํ„ฐ์™€ ๋‹ค๋ฅธ ๋‚ด์šฉ๋งŒ ๊ธฐ๋ก) +``` + +**๊ณ„์ธต์  ๊ฒ€์ƒ‰ ๋ฐฉ์‹:** +1. ํŠน์ • ํŽ˜์ด์ง€(์˜ˆ: "๊ฒฐ์ œ")๋ฅผ ๋งŒ๋“ค ๋•Œ ๋จผ์ € `design-system/pages/checkout.md`๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. +2. ํŽ˜์ด์ง€ ํŒŒ์ผ์ด ์žˆ์œผ๋ฉด ํ•ด๋‹น ๊ทœ์น™์ด ๋งˆ์Šคํ„ฐ ํŒŒ์ผ์„ **์žฌ์ •์˜**ํ•ฉ๋‹ˆ๋‹ค. +3. ์—†์œผ๋ฉด `design-system/MASTER.md`๋งŒ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. + +**์ปจํ…์ŠคํŠธ ์ธ์‹ ๊ฒ€์ƒ‰ ํ”„๋กฌํ”„ํŠธ:** +``` +[ํŽ˜์ด์ง€ ์ด๋ฆ„] ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. design-system/MASTER.md๋ฅผ ์ฝ์–ด ์ฃผ์„ธ์š”. +design-system/pages/[page-name].md ํŒŒ์ผ์ด ์žˆ๋Š”์ง€๋„ ํ™•์ธํ•ด ์ฃผ์„ธ์š”. +ํŽ˜์ด์ง€ ํŒŒ์ผ์ด ์žˆ์œผ๋ฉด ํ•ด๋‹น ๊ทœ์น™์„ ์šฐ์„  ์ ์šฉํ•˜์„ธ์š”. +์—†์œผ๋ฉด ๋งˆ์Šคํ„ฐ ๊ทœ์น™๋งŒ ์‚ฌ์šฉํ•˜์„ธ์š”. +์ด์ œ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•ด ์ฃผ์„ธ์š”... +``` + +## ์•„ํ‚คํ…์ฒ˜ ๋ฐ ๊ธฐ์—ฌ + +### ์‚ฌ์šฉ์ž ์•ˆ๋‚ด + +์ฝ”๋“œ๋ฒ ์ด์Šค๋Š” **ํ…œํ”Œ๋ฆฟ ๊ธฐ๋ฐ˜ ์ƒ์„ฑ ์‹œ์Šคํ…œ**์„ ์‚ฌ์šฉํ•˜๋„๋ก ์žฌ๊ตฌ์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ํ”Œ๋žซํผ๋ณ„ ํŒŒ์ผ(`.cursor/`, `.windsurf/`, `.kiro/`, `.factory/` ๋“ฑ)์€ ์ด์ œ CLI์—์„œ ๋™์ ์œผ๋กœ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. + +**ํ•ญ์ƒ CLI๋ฅผ ์‚ฌ์šฉํ•ด ์„ค์น˜ํ•˜์„ธ์š”.** + +```bash +npm install -g ui-ux-pro-max-cli +uipro init --ai +``` + +์ด ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋ฉด ์„ค์น˜๋œ CLI ํŒจํ‚ค์ง€์— ํฌํ•จ๋œ ์ตœ์‹  ํ…œํ”Œ๋ฆฟ๊ณผ AI ์–ด์‹œ์Šคํ„ดํŠธ์— ๋งž๋Š” ์˜ฌ๋ฐ”๋ฅธ ํŒŒ์ผ ๊ตฌ์กฐ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒˆ ๋ฆด๋ฆฌ์Šค๊ฐ€ ๋ฐฐํฌ๋˜๋ฉด ๋จผ์ € npm ํŒจํ‚ค์ง€๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์„ธ์š”. + +### ๊ธฐ์—ฌ์ž ์•ˆ๋‚ด + +์ด ํ”„๋กœ์ ํŠธ์— ๊ธฐ์—ฌํ•˜๋ ค๋ฉด ๋‹ค์Œ ์ ˆ์ฐจ๋ฅผ ๋”ฐ๋ฅด์„ธ์š”. + +```bash +# 1. ์ €์žฅ์†Œ ๋ณต์ œ +git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git +cd ui-ux-pro-max-skill + +# 2. ๊ตฌ์กฐ ์ดํ•ด +src/ui-ux-pro-max/ # ๋‹จ์ผ ์ •๋ณด ์ถœ์ฒ˜(๋ฐ์ดํ„ฐ, ์Šคํฌ๋ฆฝํŠธ, ํ…œํ”Œ๋ฆฟ) +cli/ # CLI ์„ค์น˜ ๋„๊ตฌ(ํ…œํ”Œ๋ฆฟ์—์„œ ํŒŒ์ผ ์ƒ์„ฑ) +.claude/ # Claude Code ์Šคํ‚ฌ ๋กœ์ปฌ ๊ฐœ๋ฐœ/ํ…Œ์ŠคํŠธ +.factory/ # Droid(Factory) ์Šคํ‚ฌ ๋กœ์ปฌ ๊ฐœ๋ฐœ/ํ…Œ์ŠคํŠธ + +# 3. src/ui-ux-pro-max/์—์„œ ๋ณ€๊ฒฝ +# - data/*.csv โ†’ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํŒŒ์ผ +# - scripts/*.py โ†’ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ฐ ๋””์ž์ธ ์‹œ์Šคํ…œ +# - templates/ โ†’ ํ”Œ๋žซํผ๋ณ„ ํ…œํ”Œ๋ฆฟ + +# 4. CLI์— ๋™๊ธฐํ™”ํ•˜๊ณ  ๋กœ์ปฌ ํ…Œ์ŠคํŠธ +cd cli +npm run sync:assets +npm run check:assets +npm run verify:data +npm run typecheck + +# 5. CLI ๋นŒ๋“œ ๋ฐ ํ…Œ์ŠคํŠธ +# `npm run build`๋Š” Bun์ด ์žˆ์œผ๋ฉด ์‚ฌ์šฉํ•˜๊ณ , ์—†์œผ๋ฉด `npm ci` ํ›„ TypeScript ์ปดํŒŒ์ผ๋Ÿฌ ์ถœ๋ ฅ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. +npm run build +node dist/index.js init --ai claude --offline # Test in a temp folder + +# 6. PR ์ƒ์„ฑ(main์— ์ง์ ‘ ํ‘ธ์‹œํ•˜์ง€ ์•Š์Œ) +git checkout -b feat/your-feature +git commit -m "feat: description" +git push -u origin feat/your-feature +gh pr create +``` + +์ž์„ธํ•œ ๊ฐœ๋ฐœ ๊ฐ€์ด๋“œ๋ผ์ธ์€ [CLAUDE.md](CLAUDE.md)๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”. + +### ์นดํƒˆ๋กœ๊ทธ ์ถœ์ฒ˜ ๋ฐ ๊ฐฑ์‹  + +์ปค๋ฐ‹๋œ ์นดํƒˆ๋กœ๊ทธ ์š”์•ฝ์—๋Š” ํ˜„์žฌ **์Šน์ธ๋œ Google Fonts 1,934๊ฐœ**์™€ ๊ณต์‹ ๋ผ์ด์„ ์Šค ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์•„ ๋ฐ˜์˜๋˜์ง€ ์•Š์€ **๊ฒ€ํ†  ์ œ์™ธ ํ•ญ๋ชฉ 8๊ฐœ**๊ฐ€ ๊ธฐ๋ก๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์•„์ด์ฝ˜ ๊ฐ€์ด๋“œ๋Š” **์—„์„ ๋œ 105๊ฐœ ํ–‰**(Phosphor ์›น ์ง์ ‘ ๊ฐ€์ ธ์˜ค๊ธฐ 100๊ฐœ์™€ React Native/๋Œ€์ฒด ๊ฐ€์ด๋“œ)์œผ๋กœ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค. ๋ณ„๋„์˜ **1,512๊ฐœ ์•„์ด์ฝ˜์ด ํฌํ•จ๋œ ์—…์ŠคํŠธ๋ฆผ Phosphor ๋งค๋‹ˆํŽ˜์ŠคํŠธ**๋Š” ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์—…์ŠคํŠธ๋ฆผ ํŒจํ‚ค์ง€ ์ „์ฒด๋กœ ์ฑ„์šฐ์ง€ ์•Š์œผ๋ฉด์„œ ์ด๋ฆ„, ๋‘๊ป˜, React/SSR ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ๊ฒ€์ฆํ•ฉ๋‹ˆ๋‹ค. + +์ผ๋ฐ˜ ๊ฐœ๋ฐœ ๋ฐ ํ’€ ๋ฆฌํ€˜์ŠคํŠธ CI๋Š” ๋„คํŠธ์›Œํฌ์— ์˜์กดํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์Šค๋ƒ…์ƒท ํ•ด์‹œ์™€ ์ƒ์„ฑ ๊ฐœ์ˆ˜ ๊ฒ€์ฆ์„ ํฌํ•จํ•œ ์ „์ฒด ์˜คํ”„๋ผ์ธ ๊ฒŒ์ดํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ ค๋ฉด ๋‹ค์Œ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. + +```bash +npm --prefix cli run verify:data +# ๋˜๋Š” ์ƒ์„ฑ๋œ ์นดํƒˆ๋กœ๊ทธ ์š”์•ฝ๋งŒ ๊ฒ€์‚ฌ: +npm --prefix cli run validate:catalog-summary +``` + +๊ฐฑ์‹  ์ •๊ทœํ™”๋„ ์ปค๋ฐ‹๋œ ํ”ฝ์Šค์ฒ˜๋ฅผ ์‚ฌ์šฉํ•ด ์™„์ „ํžˆ ์˜คํ”„๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ถœ๋ ฅ์€ ์ž„์‹œ ํ›„๋ณด ๋””๋ ‰ํ„ฐ๋ฆฌ์— ์ €์žฅ๋˜๋ฉฐ ํ‘œ์ค€ ๋ฐ์ดํ„ฐ๋ฅผ ๋Œ€์ฒดํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. + +```bash +candidate_dir="$(mktemp -d)" +python3 scripts/refresh-google-fonts.py \ + --api-input src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/google-api.json \ + --metadata-input src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/google-metadata.json \ + --existing-csv src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/google-existing.csv \ + --overrides src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/google-overrides.json \ + --output-csv "$candidate_dir/google-fonts.csv" \ + --license-output "$candidate_dir/google-font-licenses.json" \ + --metadata-revision fixture-catalogs-v1 \ + --verified-at 2026-08-13 --expected-count 2 --approve-changes +python3 scripts/refresh-icon-catalog.py \ + --input src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/phosphor-core.json \ + --package-json src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/phosphor-package.json \ + --react-package-json src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/phosphor-react-package.json \ + --react-exports-input src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/phosphor-react-exports.json \ + --curated-csv src/ui-ux-pro-max/scripts/tests/fixtures/catalogs/icons-curated.csv \ + --output "$candidate_dir/phosphor-icons-upstream.json" \ + --verified-at 2026-08-13 --expected-count 2 +``` + +์‹ค์‹œ๊ฐ„ ์—…์ŠคํŠธ๋ฆผ ๊ฐฑ์‹ ์€ ์˜๋„์ ์œผ๋กœ `refresh-catalogs.yml` ์›Œํฌํ”Œ๋กœ์— ๊ฒฉ๋ฆฌ๋˜์–ด ์žˆ์œผ๋ฉฐ, ๋งค์ฃผ ์›”์š”์ผ 03:17 UTC์— ์‹คํ–‰๋˜๊ฑฐ๋‚˜ ํ•„์š”ํ•  ๋•Œ ์ˆ˜๋™์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. `GOOGLE_FONTS_API_KEY`๋ฅผ GitHub Actions ์‹œํฌ๋ฆฟ์œผ๋กœ ์„ค์ •ํ•œ ๋‹ค์Œ ์›Œํฌํ”Œ๋กœ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ๊ฒ€ํ† ์šฉ ์•„ํ‹ฐํŒฉํŠธ๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜์„ธ์š”. + +```bash +gh workflow run refresh-catalogs.yml +run_id="$(gh run list --workflow refresh-catalogs.yml --limit 1 --json databaseId --jq '.[0].databaseId')" +gh run watch "$run_id" +gh run download "$run_id" --name "catalog-refresh-review-$run_id" +``` + +์ด ์›Œํฌํ”Œ๋กœ๋Š” Google Fonts Developer API์™€ ๋ฒ„์ „์ด ๊ณ ์ •๋œ ๊ณต์‹ Phosphor ํŒจํ‚ค์ง€๋ฅผ ์ฝ๊ณ , ํ›„๋ณด ํŒŒ์ผ๊ณผ ํ†ตํ•ฉ diff๋ฅผ ์•„ํ‹ฐํŒฉํŠธ์— ๊ธฐ๋กํ•˜๋ฉฐ, ์ €์žฅ์†Œ ์ฝ๊ธฐ ์ „์šฉ ๊ถŒํ•œ๋งŒ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ์ปค๋ฐ‹, ํ‘ธ์‹œ, PR ์ƒ์„ฑ, ๋ณ‘ํ•ฉ์€ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ›„๋ณด ํŒŒ์ผ์„ `src/ui-ux-pro-max/data/`์— ์ˆ˜๋™์œผ๋กœ ๋ฐ˜์˜ํ•˜๊ธฐ ์ „์— ๋ณ€๊ฒฝ ๋ณด๊ณ ์„œ, ์ œ์™ธ ํ•ญ๋ชฉ, ๋ผ์ด์„ ์Šค, ๊ด€๋ จ์„ฑ ์ง€ํ‘œ, ์˜คํ”„๋ผ์ธ ๊ฒŒ์ดํŠธ๋ฅผ ๊ฒ€ํ† ํ•˜์„ธ์š”. + + +## ์ž๋™ ๋ฆด๋ฆฌ์Šค + +์ด ์ €์žฅ์†Œ๋Š” Conventional Commits์™€ semantic-release๋ฅผ ์‚ฌ์šฉํ•ด GitHub ๋ฆด๋ฆฌ์Šค๋ฅผ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. + +- `dev` ๋ธŒ๋žœ์น˜๋Š” `2.6.0-beta.1`๊ณผ ๊ฐ™์€ ๋ฒ ํƒ€ GitHub ํ”„๋ฆฌ๋ฆด๋ฆฌ์Šค๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. +- `main` ๋ธŒ๋žœ์น˜๋Š” `2.6.0`๊ณผ ๊ฐ™์€ ๊ณต์‹ ์•ˆ์ • ๋ฆด๋ฆฌ์Šค๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. + +๋ฆด๋ฆฌ์Šค ๋…ธํŠธ์™€ `CHANGELOG.md`๋Š” Conventional Commit ๋ฉ”์‹œ์ง€์—์„œ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๋ฆด๋ฆฌ์Šค ์ค€๋น„ ์ค‘ `skill.json`, `.claude-plugin/plugin.json`, `.claude-plugin/marketplace.json`, `cli/package.json`, `cli/package-lock.json`์˜ ๋ฒ„์ „ ๋ฒˆํ˜ธ๊ฐ€ ๋™๊ธฐํ™”๋ฉ๋‹ˆ๋‹ค. + +์˜ฌ๋ฐ”๋ฅธ ๋ฒ„์ „ ์ฆ๊ฐ€๋ฅผ ์œ„ํ•ด ๋‹ค์Œ ์ปค๋ฐ‹ ์œ ํ˜•์„ ์‚ฌ์šฉํ•˜์„ธ์š”. + +- `fix:` -> ํŒจ์น˜ ๋ฆด๋ฆฌ์Šค +- `feat:` -> ๋งˆ์ด๋„ˆ ๋ฆด๋ฆฌ์Šค +- `feat!:` ๋˜๋Š” `BREAKING CHANGE:` -> ๋ฉ”์ด์ € ๋ฆด๋ฆฌ์Šค + +๋ฆด๋ฆฌ์Šค ์›Œํฌํ”Œ๋กœ๋Š” GitHub ๋ฆด๋ฆฌ์Šค์— ๊ธฐ๋ณธ `GITHUB_TOKEN`์„ ์‚ฌ์šฉํ•˜๊ณ , `ui-ux-pro-max-cli`๋ฅผ npm์— ๋ฐฐํฌํ•  ๋•Œ ์ €์žฅ์†Œ์˜ `NPM_TOKEN` ์‹œํฌ๋ฆฟ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. + +## ๋ฌธ์ œ ํ•ด๊ฒฐ + +### `uipro: unknown command 'uninstall'` ๋˜๋Š” `unknown command 'update'` + +์„ค์น˜๋œ `ui-ux-pro-max-cli` ๋ฒ„์ „์ด ์˜ค๋ž˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์—…๋ฐ์ดํŠธํ•œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•˜์„ธ์š”. + +```bash +npm install -g ui-ux-pro-max-cli@latest +uipro uninstall +``` + +### `uipro uninstall` ์‹คํ–‰ ์‹œ "No installed AI skill directories detected"๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ๊ฒฝ์šฐ + +๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ๊ฐ€ ์Šคํ‚ฌ์„ ์„ค์น˜ํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ์™€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๋‹ค์Œ ์ค‘ ํ•˜๋‚˜๋ฅผ ์ˆ˜ํ–‰ํ•˜์„ธ์š”. + +```bash +# ๋ฐฉ๋ฒ• A โ€” ์ฒ˜์Œ ์„ค์น˜ํ•œ ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ์—์„œ ์‹คํ–‰ +cd /path/to/your/project +uipro uninstall + +# ๋ฐฉ๋ฒ• B โ€” ์ „์—ญ ์„ค์น˜ ์ œ๊ฑฐ +uipro uninstall --global + +# ๋ฐฉ๋ฒ• C โ€” ์ˆ˜๋™ ์ œ๊ฑฐ +rm -rf .claude/skills/ui-ux-pro-max # Claude Code +rm -rf .cursor/skills/ui-ux-pro-max # Cursor +rm -rf .windsurf/skills/ui-ux-pro-max # Windsurf +rm -rf .agents/skills/ui-ux-pro-max # Antigravity / Codex +``` + +### Claude.ai์˜ "Upload a skill" ๋Œ€ํ™”์ƒ์ž์—์„œ "Zip contains too many files (maximum 200)"๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ๊ฒฝ์šฐ + +GitHub ์ €์žฅ์†Œ ์ „์ฒด ZIP์„ ์—…๋กœ๋“œํ•˜์ง€ ๋งˆ์„ธ์š”. ์ด ZIP์€ ์†Œ์Šค ์ฝ”๋“œ, CLI ์—์…‹, ๋ฌธ์„œ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์—ฌ๋Ÿฌ ๋ฒˆ๋“ค ์Šคํ‚ฌ์„ ํฌํ•จํ•œ ๊ฐœ๋ฐœ์šฉ ์ฒดํฌ์•„์›ƒ์ด๋ฏ€๋กœ Claude์˜ ํŒŒ์ผ 200๊ฐœ ์—…๋กœ๋“œ ์ œํ•œ์„ ์ดˆ๊ณผํ•ฉ๋‹ˆ๋‹ค. Claude ์Šคํ‚ฌ ์—…๋กœ๋“œ์šฉ ์•„ํ‹ฐํŒฉํŠธ๊ฐ€ ์•„๋‹ˆ๋ฉฐ, ์ด ํ”„๋กœ์ ํŠธ๋Š” ํ˜„์žฌ Claude.ai ์ˆ˜๋™ ์—…๋กœ๋“œ์šฉ ZIP์„ ๋ณ„๋„๋กœ ๋ฐฐํฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. + +Claude Code์—์„œ๋Š” Marketplace๋ฅผ ํ†ตํ•ด ์„ค์น˜ํ•˜์„ธ์š”. + +```bash +/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill +/plugin install ui-ux-pro-max@ui-ux-pro-max-skill +``` + +๋˜๋Š” CLI ์„ค์น˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. + +```bash +npx ui-ux-pro-max-cli init --ai claude +``` + +### Claude Marketplace ์„ค์น˜๊ฐ€ "Zip file contains a symbolic link" ์˜ค๋ฅ˜๋กœ ์‹คํŒจํ•˜๋Š” ๊ฒฝ์šฐ + +v2.5.1 ์ด์ „ ๋ฒ„์ „์—์„œ ์•Œ๋ ค์ง„ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์ €์žฅ์†Œ ๋‚ด๋ถ€์—์„œ ์ผ๋ถ€ ์„ค์น˜ ๋„๊ตฌ๊ฐ€ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์—†๋Š” ์‹ฌ๋ณผ๋ฆญ ๋งํฌ๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. **ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:** CLI ์„ค์น˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. + +```bash +npm install -g ui-ux-pro-max-cli +uipro init --ai claude +``` + +๋˜๋Š” ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋œ ๋‹ค์Œ ๋ฆด๋ฆฌ์Šค๋ฅผ ๊ธฐ๋‹ค๋ฆฌ์„ธ์š”. + +### `npm install -g ui-ux-pro-max-cli` ๋ช…๋ น์ด ๊ถŒํ•œ ์˜ค๋ฅ˜๋กœ ์‹คํŒจํ•˜๋Š” ๊ฒฝ์šฐ + +Node ๋ฒ„์ „ ๊ด€๋ฆฌ์ž๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜(๊ถŒ์žฅ) ์ „์—ญ ์„ค์น˜๋ฅผ ์ƒ๋žตํ•˜์„ธ์š”. + +```bash +# ์ „์—ญ ์„ค์น˜ ์—†์ด npx ์‚ฌ์šฉ +npx ui-ux-pro-max-cli init --ai claude +``` + +### ๋””์ž์ธ ์‹œ์Šคํ…œ ๋ช…๋ น์–ด ์‹คํ–‰ ์‹œ Python์„ ์ฐพ์„ ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ + +๊ฒ€์ƒ‰ ์Šคํฌ๋ฆฝํŠธ์—๋Š” Python 3.x๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. [python.org](https://www.python.org/downloads/) ๋˜๋Š” ์šด์˜์ฒด์ œ์˜ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž(Homebrew, apt, winget)๋ฅผ ์‚ฌ์šฉํ•ด ์ง์ ‘ ์„ค์น˜ํ•˜์„ธ์š”. AI ์—์ด์ „ํŠธ๋Š” ๋Œ€์‹  ์„ค์น˜ํ•˜์ง€ ์•Š์œผ๋ฉฐ ์‚ฌ์šฉ์ž์—๊ฒŒ ์„ค์น˜๋ฅผ ์š”์ฒญํ•˜๋„๋ก ์ง€์‹œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. + +### ๋””์ž์ธ ์‹œ์Šคํ…œ ์ถœ๋ ฅ ๋˜๋Š” ํ•„๋“œ๊ฐ€ ์ž˜๋ฆฌ๋Š” ๊ฒฝ์šฐ + +์‚ฌ๋žŒ์ด ์ฝ๊ธฐ ์‰ฌ์šด ์ถœ๋ ฅ์—์„œ๋Š” ๊ธด ํ•„๋“œ๊ฐ€ 300์ž๋กœ ์ž˜๋ฆฝ๋‹ˆ๋‹ค. ์ž˜๋ฆฌ์ง€ ์•Š์€ ์ „์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์œผ๋ ค๋ฉด `--json`์„ ์‚ฌ์šฉํ•˜์„ธ์š”. + +```bash +python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS" --domain style --json +``` + +--- + +## ์Šคํƒ€ ๊ธฐ๋ก + +[![์Šคํƒ€ ๊ธฐ๋ก ์ฐจํŠธ](https://star-history.dera.page/svg?repos=nextlevelbuilder/ui-ux-pro-max-skill&type=Date)](https://star-history.dera.page/#nextlevelbuilder/ui-ux-pro-max-skill&Date) + +## ๋ผ์ด์„ ์Šค + +์ด ํ”„๋กœ์ ํŠธ๋Š” [MIT ๋ผ์ด์„ ์Šค](LICENSE)์— ๋”ฐ๋ผ ๋ฐฐํฌ๋ฉ๋‹ˆ๋‹ค. + +## ํ˜ธํ™˜ ์—์ด์ „ํŠธ + +์ด ์Šคํ‚ฌ์€ ๋‹ค์Œ ์—์ด์ „ํŠธ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- [Claude Code](https://claude.com/product/claude-code) +- [AdaL](https://sylph.ai/) - ์Šค์Šค๋กœ ์ง„ํ™”ํ•˜๋Š” AI ์ฝ”๋”ฉ ์—์ด์ „ํŠธ([๋ฌธ์„œ](https://docs.sylph.ai/) | [GitHub](https://github.com/SylphAI-Inc/adal-cli)) diff --git a/README.md b/README.md index 6b71633..6a5a71f 100755 --- a/README.md +++ b/README.md @@ -1,6 +1,7 @@ # [UI UX Pro Max](https://uupm.cc)

+ ๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ตญ์–ด | ๐Ÿ‡ป๐Ÿ‡ณ Tiแบฟng Viแป‡t | ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ | ๐Ÿ‡บ๐Ÿ‡ธ English diff --git a/README.vi.md b/README.vi.md index 2219c72..a37bd41 100644 --- a/README.vi.md +++ b/README.vi.md @@ -1,6 +1,7 @@ # [UI UX Pro Max](https://uupm.cc)

+ ๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ตญ์–ด | ๐Ÿ‡ป๐Ÿ‡ณ Tiแบฟng Viแป‡t | ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ | ๐Ÿ‡บ๐Ÿ‡ธ English diff --git a/README.zh.md b/README.zh.md index be7c455..d2abd34 100644 --- a/README.zh.md +++ b/README.zh.md @@ -1,6 +1,7 @@ # [UI UX Pro Max](https://uupm.cc)

+ ๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ตญ์–ด | ๐Ÿ‡ป๐Ÿ‡ณ Tiแบฟng Viแป‡t | ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ | ๐Ÿ‡บ๐Ÿ‡ธ English