| ํญ๋ชฉ | ๋ด์ฉ |
|---|---|
| Invoke | /dsys-tokenize |
| argument-hint | [CSS file, design file, or description of values to tokenize] |
/dsys-tokenize โ ํ๋์ฝ๋ฉ ๊ฐ์ ํ ํฐ์ผ๋ก ์ ๋ฆฌ#
ํ๋ง๋๋ก#
์คํ์ผ์ํธ๋ ๋์์ธ ํ์ผ ์์ ํฉ์ด์ ธ ์๋ ์์ยท๊ฐ๊ฒฉ ๊ฐ์ ๊ฐ๋ค์ ์ฐพ์๋ด์, ์ด๋ฆ ๋ถ์ฌ ๊ด๋ฆฌํ ์ ์๋ ํ ํฐ ์ฒด๊ณ๋ก ์ ๋ฆฌํด ์ฃผ๋ ๋ช ๋ น์ด์ ๋๋ค.
๋๊ฐยท์ธ์ ์ฐ๋์#
- ๊ธฐ์กด CSS๋ ๋์์ธ ํ์ผ์ ํ๋์ฝ๋ฉ๋ ๊ฐ๋ค์ ์ ๋ฆฌํด์ ํ ํฐํํ๊ณ ์ถ์ ๋
- ๊ฐ๋ค์ ์ ์ญ/์๋ฏธ/์ปดํฌ๋ํธ ๋จ๊ณ๋ก ๋๋๊ณ ์ด๋ฆ ๊ท์น์ ์ ์ฉํ๊ณ ์ถ์ ๋
๋ฌด์์ ํด์ฃผ๋์#
- ํ๋ฉด์ ์ฐ์ธ ๊ฐ๋ค์ ์ค์บํด ๋น์ทํ ๊ฐ๋ผ๋ฆฌ ๋ฌถ๊ณ ์นดํ ๊ณ ๋ฆฌ๋ณ๋ก ์ ๋ฆฌํฉ๋๋ค.
- ์ ์ญ/์๋ฏธ/์ปดํฌ๋ํธ 3๋จ ๊ณ์ธต๊ณผ ์ด๋ฆ ๊ท์น, ํ ๋ง ๋งคํ์ ์ ์ฉํ ํ ํฐ ์คํ ๋ฐ ๋ง์ด๊ทธ๋ ์ด์ ๊ฐ์ด๋๋ฅผ ๋ง๋ค์ด ์ค๋๋ค.
โ๏ธ ์์ธ ์ต์ ยท์คํ ๋ช ์ธ (๊ฐ๋ฐ์ / AI ์์ด์ ํธ์ฉ)
Extract hard-coded values and organize into a structured token system.
Steps#
- Extract โ Scan for all visual values.
- Deduplicate โ Group similar values using
dsys-design-tokenskill. - Categorize โ Organize by category.
- Hierarchy โ Define global/semantic/component tiers using
dsys-design-tokenskill. - Naming โ Apply conventions using
dsys-naming-conventionskill. - Themes โ Map variants using
dsys-theming-systemskill. - Document โ Generate reference using
dsys-documentation-templateskill.
Output#
Token specification with inventory, hierarchy, theme mapping, and migration guide.
Consider following up with /dsys-audit-system.