Taidot
Palveluiden agentit käyttävät pakettia taidon kautta. Ilman sitä agentti arvaa värit ja fontit, ja arvattu väri on tämän ekosysteemin toistuvin ulkoasuvika.
karkkainen-ui
Repossa .claude/skills/karkkainen-ui/. Ladataan ennen minkään sivun, artefaktin tai komponentin kirjoittamista TP-palveluun.
Palvelussa
- Tailwind 4 ja
@import "@karkkainen/ui/styles/theme.css" - Komponentit tuodaan paketista, ei kirjoiteta uudelleen
- Teeman vaihto
.dark-luokalla (next-themes)
Artefaktissa tai yksittäisellä sivulla
- Tokenit tiedostosta
tokenit-artefakti.css - Teeman vaihto
prefers-color-schemejadata-theme - Reunan oletusväri kirjoitetaan itse
Taito pysyy totena koneellisesti
Testi skill.test.mjs vertaa artefaktitokeneita paketin tokens.css:ään arvo arvolta; tokenimuutos ilman taidon päivitystä kaatuu.
Siksi tokenimuutos tehdään kolmeen paikkaan samassa PR:ssä: styles/tokens.css, tarvittaessa styles/savyt.css ja .claude/skills/karkkainen-ui/tokenit-artefakti.css.