๊ด‘๊ณ [ For iPhone / iPad ] ๐Ÿ”ฅ Nugget์˜ ๋ฏฟ์„ ์ˆ˜ ์—†๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์›”ํŽ˜์ดํผ. ์ด๋Ÿฐ ๊ฒƒ์€ ๋ณธ ์ ์ด ์—†์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค!
skills.homes logoskills.homescapability registry
home/categories/productivity-tools/xtone-ai-development-tools-frontend-nextjs-development-skills-nextjs-react-implementation-skill-md
cd ..
productivity-toolstools

nextjs-react-implementation

Generate production-ready Next.js/React components from design specifications. Use this skill when you have a design specification document and need to create React/TypeScript components with Tailwind CSS styling, Vitest tests, and Storybook documentation.

์†Œ์Šค ๋ณด๊ธฐproductivity-tools
xtone
maintainer
xtone
์—…๋ฐ์ดํŠธ๋จ 1/20/2026
์Šคํƒ€
3
ํฌํฌ
0
quick start

Installation and usage

Generate production-ready Next.js/React components from design specifications. Use this skill when you have a design specification document and need to create React/TypeScript components with Tailwind CSS styling, Vitest tests, and Storybook documentation.

์„ค์น˜
$ install --globalskills.sh
์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์—ฌ ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

skills use nextjs-react-implementation