Shubhs1303/webgpu-claude-skill

๐ŸŒ WebGPU๋ฅผ ์ง€์›ํ•˜๋Š” Three.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ TSL์„ ์‚ฌ์šฉํ•ด ๊ณ ๊ธ‰ ์…ฐ์ด๋”ฉ, ์žฌ์งˆ ๋ฐ ํ›„์ฒ˜๋ฆฌ ํšจ๊ณผ๋กœ ๊ฐœ๋ฐœํ•˜์„ธ์š”.

webgpu-claude-skill๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์ด ์Šคํ‚ฌ์€ Claude Code, Cursor, Codex ๋“ฑ์˜ AI ์—์ด์ „ํŠธ๊ฐ€ WebGPU์™€ TSL(Node Material System)์„ ํ™œ์šฉํ•˜์—ฌ Three.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๊ณ ๊ธ‰ ์…ฐ์ด๋”ฉ, ์‚ฌ์šฉ์ž ์ •์˜ ์žฌ์งˆ, ๊ทธ๋ฆฌ๊ณ  ํ›„์ฒ˜๋ฆฌ(post-processing) ํšจ๊ณผ๋ฅผ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ณต์žกํ•œ GPU ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ง€์‹ ์—†์ด๋„ ์„ ์–ธ์ ์ธ TSL ๋ฌธ๋ฒ•์„ ํ†ตํ•ด ์„ฑ๋Šฅ ์ตœ์ ํ™”๋œ ์‹ค์‹œ๊ฐ„ ๊ทธ๋ž˜ํ”ฝ์Šค๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์Šคํ‚ฌ์€ WebGPU๋ฅผ ์ง€์›ํ•˜๋Š” ๋ชจ๋“  ์ตœ์‹  ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ ๋™์ž‘ํ•˜๋ฉฐ, ๊ธฐ์กด Three.js ํ”„๋กœ์ ํŠธ์— ์†์‰ฝ๊ฒŒ ํ†ตํ•ฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. AI ์—์ด์ „ํŠธ๋Š” ์‚ฌ์šฉ์ž์˜ ์š”์ฒญ์— ๋”ฐ๋ผ `@webgpu/three` ๋ฐ ๊ด€๋ จ ํŒจํ‚ค์ง€๋ฅผ ์ž๋™์œผ๋กœ ์„ค์น˜ํ•˜๊ณ , TSL ๊ธฐ๋ฐ˜ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์ฆ‰์‹œ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์ง€์› ๋Œ€์ƒโœ“Claude Code~Codex CLI~Cursor
npx skills add Shubhs1303/webgpu-claude-skill

Installed? Explore more ์ƒ์‚ฐ์„ฑ & ํ˜‘์—… skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator ยท View all 6 โ†’

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

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

๋ฌธ์„œ

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

๐ŸŒ WebGPU๋ฅผ ์ง€์›ํ•˜๋Š” Three.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ TSL์„ ์‚ฌ์šฉํ•ด ๊ณ ๊ธ‰ ์…ฐ์ด๋”ฉ, ์žฌ์งˆ ๋ฐ ํ›„์ฒ˜๋ฆฌ ํšจ๊ณผ๋กœ ๊ฐœ๋ฐœํ•˜์„ธ์š”.

๊ด€๋ จ ์Šคํ‚ฌ