Communitygithub.com

BobiTenta/website-design-systems-mcp

๐ŸŽจ ์›น์‚ฌ์ดํŠธ์—์„œ ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ถ”์ถœํ•˜๊ณ , AI๊ฐ€ ์ฝ์„ ์ˆ˜ ์žˆ๋Š” skill.md ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์—ฌ ๋™์ผํ•œ ๋””์ž์ธ ์š”์†Œ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๋ณต์ œํ•ฉ๋‹ˆ๋‹ค.

website-design-systems-mcp๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

BobiTenta/website-design-systems-mcp๋Š” ์ฃผ์–ด์ง„ ์›น์‚ฌ์ดํŠธ URL์—์„œ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๊ฐ„๊ฒฉ, ๊ทธ๋ฆผ์ž ๋“ฑ ๋ชจ๋“  ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ž๋™์œผ๋กœ ์ถ”์ถœํ•˜๋Š” MCP ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋Š” ์ถ”์ถœ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ AI ์—์ด์ „ํŠธ(์˜ˆ: Claude Code, Cursor, Codex)๊ฐ€ ์ฆ‰์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ‘œ์ค€ํ™”๋œ skill.md ํŒŒ์ผ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋‚˜ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ด€๋ฆฌ์ž๋Š” ์ด ๋„๊ตฌ๋ฅผ ํ†ตํ•ด ๊ธฐ์กด ์›น์‚ฌ์ดํŠธ์˜ ๋””์ž์ธ ์ผ๊ด€์„ฑ์„ ๋ถ„์„ํ•˜๊ฑฐ๋‚˜, ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ์— ์‹ ์†ํ•˜๊ฒŒ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€์›ํ•˜๋Š” ํ”Œ๋žซํผ์€ MCP ๊ธฐ๋ฐ˜์˜ ๋‹ค์–‘ํ•œ AI ์–ด์‹œ์Šคํ„ดํŠธ์ด๋ฉฐ, ์„ค์น˜ ํ›„ ๊ฐ„๋‹จํ•œ ๋ช…๋ น์–ด๋กœ ์›น์‚ฌ์ดํŠธ๋ฅผ ํฌ๋กค๋งํ•˜์—ฌ ๊ฒฐ๊ณผ๋ฅผ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ๋กœ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

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

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

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

๋ฌธ์„œ

website-design-systems-mcp์€(๋Š”) ๋ฌด์—‡์„ ํ•˜๋‚˜์š”?

๐ŸŽจ ์›น์‚ฌ์ดํŠธ์—์„œ ์™„์ „ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์ถ”์ถœํ•˜๊ณ , AI๊ฐ€ ์ฝ์„ ์ˆ˜ ์žˆ๋Š” skill.md ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์—ฌ ๋™์ผํ•œ ๋””์ž์ธ ์š”์†Œ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๋ณต์ œํ•ฉ๋‹ˆ๋‹ค.

๊ด€๋ จ ์Šคํ‚ฌ

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