Communitygithub.com

XINGANLIU/design-system-generator-skill

๐ŸŽจ ํ•˜๋‚˜์˜ ์ƒ‰์ƒ ์ž…๋ ฅ โ†’ ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ถœ๋ ฅ. ํ”„๋กœ๋•์…˜ ์ค€๋น„ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ƒ์„ฑํ•˜๋Š” AI ์—์ด์ „ํŠธ ์Šคํ‚ฌ์ž…๋‹ˆ๋‹ค.

design-system-generator-skill๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์ด ์Šคํ‚ฌ์€ AI ์—์ด์ „ํŠธ(Claude Code, Cursor, Codex ๋“ฑ)๊ฐ€ ํ•˜๋‚˜์˜ ๊ธฐ๋ณธ ์ƒ‰์ƒ๋งŒ ์ž…๋ ฅ๋ฐ›์•„ ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ํ† ํฐ, ๊ตฌ์„ฑ ์š”์†Œ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๊ฐ„๊ฒฉ, ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ ๋“ฑ ๋””์ž์ธ ์‹œ์Šคํ…œ์˜ ๋ชจ๋“  ํ•ต์‹ฌ ์š”์†Œ๋ฅผ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๋ธŒ๋žœ๋“œ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•˜๋ฉด์„œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋น ๋ฅด๊ฒŒ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ํ”„๋กœํ† ํƒ€์ดํ•‘ํ•˜๊ฑฐ๋‚˜ ํ”„๋กœ๋•์…˜์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค. CSS ๋ณ€์ˆ˜, Tailwind CSS ์„ค์ •, JSON ํ˜•์‹ ๋“ฑ์œผ๋กœ ๊ฒฐ๊ณผ๋ฌผ์„ ์ถœ๋ ฅํ•˜์—ฌ ๋‹ค์–‘ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ์™€ ํ†ตํ•ฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ง€์› ๋Œ€์ƒ~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add XINGANLIU/design-system-generator-skill
์›๋ณธ ๋ณด๊ธฐโ†’๋ชจ๋“  ์Šคํ‚ฌ ๋‘˜๋Ÿฌ๋ณด๊ธฐ

์ฆ๊ฒจ ์‚ฌ์šฉํ•˜๋Š” AI์—๊ฒŒ ๋ฌผ์–ด๋ณด๊ธฐ

์ด ์—์ด์ „ํŠธ ์Šคํ‚ฌ์ด ๋ฏธ๋ฆฌ ๋กœ๋“œ๋œ ์ƒˆ ์ฑ„ํŒ…์„ ์—ฝ๋‹ˆ๋‹ค.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

๋ฌธ์„œ

design-system-generator-skill์€(๋Š”) ๋ฌด์—‡์„ ํ•˜๋‚˜์š”?

๐ŸŽจ ํ•˜๋‚˜์˜ ์ƒ‰์ƒ ์ž…๋ ฅ โ†’ ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ ์ถœ๋ ฅ. ํ”„๋กœ๋•์…˜ ์ค€๋น„ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ƒ์„ฑํ•˜๋Š” AI ์—์ด์ „ํŠธ ์Šคํ‚ฌ์ž…๋‹ˆ๋‹ค.

๊ด€๋ จ ์Šคํ‚ฌ

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design โ€” a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community