home/categories/frontend/ainergiz-design-inspirations-claude-skills-component-variants-skill-md
frontenddevelopment

component-variants

Creates light and dark mode component variants with consistent color token mapping. Use when building dual-theme components, creating light/dark UI pairs, or implementing theme-aware designs.

ainergiz
maintainer
ainergiz
์—…๋ฐ์ดํŠธ๋จ 2026. 1. 7.
์Šคํƒ€
4
ํฌํฌ
1
quick start

Installation and usage

Creates light and dark mode component variants with consistent color token mapping. Use when building dual-theme components, creating light/dark UI pairs, or implementing theme-aware designs.

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

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

skills use component-variants