home/categories/frontend/majiayu000-claude-skill-registry-skills-data-data-attributes-skill-md
frontenddevelopment

data-attributes

Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element state, styling variants, or configuring behavior without JavaScript classes.

majiayu000
maintainer
majiayu000
์—…๋ฐ์ดํŠธ๋จ 2026. 1. 22.
์Šคํƒ€
185
ํฌํฌ
40
quick start

Installation and usage

Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element state, styling variants, or configuring behavior without JavaScript classes.

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

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

skills use data-attributes