three-vue-tres

๊ฒ€์ฆ๋จ

three-vue-tres ๆ˜ฏไธ€ไธช ๐ŸŽ‰่ฎฉไฝ ็š„ไธ‰็ปดๅฏ่ง†ๅŒ–้กน็›ฎๅฟซ้€Ÿ่ฝๅœฐ็š„ๅผ€ๆบๆก†ๆžถ๏ผŒๅคฉ็„ถๅ…ทๅค‡่‰ฏๅฅฝ็š„่ทจๅนณๅฐไธŽ๐ŸŽŠๅ›ฝไบงๅŒ–้€‚้…่ƒฝๅŠ› ๆ”ฏๆŒไฝŽไปฃ็ ็ผ–่พ‘ๅ™จใ€Web / ๅฐ็จ‹ๅบ / App ๅ…จ็ซฏ้ƒจ็ฝฒ๏ผŒๆฐธไน…ๅ…่ดนๅ•†็”จใ€‚ ่žๅˆๆ•ฐๅญ—ๅญช็”Ÿใ€ไธ‰็ปดๅฏ่ง†ๅŒ–๏ผˆWebGL / WebGPU / three.js / tres.js / tvt.js๏ผ‰๏ผŒๅนถๆ‰ฉๅฑ• AI ่ƒฝๅŠ›๏ผˆSkills / OpenSpec๏ผ‰๏ผŒๅŠฉๅŠ›ๆ™บ่ƒฝๅŒ–ๅœบๆ™ฏๅฟซ้€Ÿๆž„ๅปบ ๐Ÿš€

โš™๏ธ์„ค์ •

mcp.json
// Skill automatically processed by the Engine
๐Ÿ“–

๋ฌธ์„œ

๐ŸŽฏ ๊ฐœ์š”

three-vue-tres๋Š” ๐ŸŽ‰ 3D ์‹œ๊ฐํ™” ํ”„๋กœ์ ํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ์˜คํ”ˆ์†Œ์Šค ํ”„๋ ˆ์ž„์›Œํฌ๋กœ, ๋›ฐ์–ด๋‚œ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋ฐ ๐ŸŽŠ ํ˜„์ง€ํ™” ์ ์‘ ๋Šฅ๋ ฅ์„ ๊ฐ–์ถ”๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋กœ์šฐ์ฝ”๋“œ ํŽธ์ง‘๊ธฐ, Web / ๋ฏธ๋‹ˆํ”„๋กœ๊ทธ๋žจ / App ์ „ ๋‹จ๋ง ๋ฐฐํฌ๋ฅผ ์ง€์›ํ•˜๋ฉฐ, ์˜๊ตฌ ๋ฌด๋ฃŒ ์ƒ์šฉ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋””์ง€ํ„ธ ํŠธ์œˆ, 3D ์‹œ๊ฐํ™”(WebGL / WebGPU / three.js / tres.js / tvt.js)๋ฅผ ํ†ตํ•ฉํ•˜๊ณ , AI ๊ธฐ๋Šฅ(Skills / OpenSpec)์„ ํ™•์žฅํ•˜์—ฌ ์ง€๋Šฅํ˜• ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค ๐Ÿš€

โš™๏ธ ํ•ต์‹ฌ ๊ธฐ๋Šฅ

  • CESIUM: ์ตœ์‹  cesium ์ƒํƒœ๊ณ„ ๋‚ด์—์„œ ์›ํ™œํ•˜๊ฒŒ ์ž‘๋™ํ•˜๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • THREE: three ์•„ํ‚คํ…์ฒ˜๋ฅผ ์œ„ํ•œ ์ „์šฉ ์ถ”์ƒํ™”๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • WEBGL: webgl ๊ธฐ๋ฐ˜ ์‹คํ–‰ ํŒŒ์ดํ”„๋ผ์ธ์— ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ํ”„๋กœ๋•์…˜ ์ค€๋น„ ์™„๋ฃŒ: ์—ฃ์ง€ ์ผ€์ด์Šค ์˜ค๋ฅ˜๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ํ…Œ์ŠคํŠธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

โšก ๊ธฐ์ˆ  ๊ตฌํ˜„

three-vue-tres๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์ถ•ํ•œ๋‹ค๋Š” ๊ฒƒ์€ ์ €์ˆ˜์ค€์˜ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ๋ฅผ ์ถ”์ƒํ™”ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด ์œ ํ‹ธ๋ฆฌํ‹ฐ๋ฅผ ๊ตฌํ˜„ํ•จ์œผ๋กœ์จ ๋Ÿฐํƒ€์ž„ ์‹คํ–‰ ์ค‘ ์ผ๋ฐ˜์ ์ธ ๋ณ‘๋ชฉ ํ˜„์ƒ์„ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ก ๊ฐœ๋ฐœ์ž๊ฐ€ three-vue-tres๋ฅผ ์„ ํƒํ•˜๋Š” ์ด์œ 

์ด ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ํ˜„๋Œ€ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ๋งˆ์ฐฐ ์—†๋Š” ์˜จ๋ณด๋”ฉ๊ณผ ํฌ๊ด„์ ์ธ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•จ์œผ๋กœ์จ ์ฐจ๋ณ„ํ™”๋ฉ๋‹ˆ๋‹ค. ์ง€์†์ ์œผ๋กœ ์œ ์ง€ ๊ด€๋ฆฌ๋˜๋ฉฐ ์ƒˆ๋กœ์šด ์—…๊ณ„ ํ‘œ์ค€์— ๋น ๋ฅด๊ฒŒ ์ ์‘ํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ๋„ ์ข‹์•„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

superpowers

superpowers๋Š” ์‹ค์ œ๋กœ ์ž‘๋™ํ•˜๋Š” ์—์ด์ „ํŠธ ๊ธฐ์ˆ  ํ”„๋ ˆ์ž„์›Œํฌ์ด์ž ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๋ก ์ž…๋‹ˆ๋‹ค. ์ด ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ๋Š” ๋†’์€ ์ฒ˜๋ฆฌ๋Ÿ‰์˜ ์›Œํฌ๋กœ๋“œ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋„๋ก ๊ธฐ๋ณธ์ ์œผ๋กœ ์ตœ์ ํ™”๋˜์–ด ์žˆ์–ด, ๊ฐœ๋ฐœ์ž๊ฐ€ ์ผ์ผ CI/CD ํŒŒ์ดํ”„๋ผ์ธ์—์„œ ์ˆ˜๋™ ๋ณ‘๋ชฉ ํ˜„์ƒ์„ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.

everything-claude-code

everything-claude-code๋Š” ์—์ด์ „ํŠธ ํ•˜๋„ค์Šค ์„ฑ๋Šฅ ์ตœ์ ํ™” ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค. Claude Code, Codex, Opencode, Cursor ๋“ฑ์„ ์œ„ํ•œ ์Šคํ‚ฌ, ๋ณธ๋Šฅ, ๋ฉ”๋ชจ๋ฆฌ, ๋ณด์•ˆ ๋ฐ ์—ฐ๊ตฌ ์šฐ์„  ๊ฐœ๋ฐœ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

skills

skills๋Š” ์—์ด์ „ํŠธ ์Šคํ‚ฌ์„ ์œ„ํ•œ ๊ณต๊ฐœ ์ €์žฅ์†Œ์ž…๋‹ˆ๋‹ค. ํŠนํ™”๋œ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์ธํ”„๋ผ๋ฅผ ์ œ๊ณตํ•จ์œผ๋กœ์จ ์—”์ง€๋‹ˆ์–ด๋ง ํŒ€์ด ๊น”๋”ํ•œ ์ฝ”๋“œ๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์ „๋ฐ˜์ ์ธ ๊ธฐ์ˆ  ๋ถ€์ฑ„๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.

30-seconds-of-code

30-seconds-of-code๋Š” ๊ฐœ๋ฐœ ๊ธฐ์ˆ ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ธฐ ์œ„ํ•œ ์ฝ”๋”ฉ ์•„ํ‹ฐํด์ž…๋‹ˆ๋‹ค. ์ „๋ฌธ ์ž‘์—… ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ์•ˆ์ •์ ์ธ ์ธํ”„๋ผ๋ฅผ ์ œ๊ณตํ•จ์œผ๋กœ์จ ์—”์ง€๋‹ˆ์–ด๋ง ํŒ€์ด ๊น”๋”ํ•œ ์ฝ”๋“œ๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์ „์ฒด ๊ธฐ์ˆ  ๋ถ€์ฑ„๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค.