home/categories/frontend/truenine-claude-code-projects-claude-skills-tsx-skill-md
frontenddevelopment

tsx-modular-component-pattern

Guide for outputting React/TSX components by prioritizing reusable sub-components, controlling length, and declaring them as const before the main component to ensure clear structure and maintainability.

TrueNine
maintainer
TrueNine
์—…๋ฐ์ดํŠธ๋จ 12/3/2025
์Šคํƒ€
1
ํฌํฌ
1
quick start

Installation and usage

Guide for outputting React/TSX components by prioritizing reusable sub-components, controlling length, and declaring them as const before the main component to ensure clear structure and maintainability.

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

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

skills use tsx-modular-component-pattern