Antfu Design
Past antfu-stijl UnoCSS-conventies toe met duale light/dark semantische tokens.
Getest · Werkt
Wat het doet
antfu-stijl ontwerpconventies, verbreed. UnoCSS-first, class-based semantische tokens met duale light/dark voor tooling- en devtools-UI's, plus design-read, anti-slop en micro-interactiepolish voor landingspagina's en productoppervlakken. Gebruik dit bij het bouwen of refactoren van elke interface met UnoCSS.
Testrapport
Verbatim geïnstalleerd (git clone + cp, geldige YAML-frontmatter, alle 14 referentiebestanden aanwezig) en A/B getest door een dicht Vite Cache Inspector devtools-paneel te bouwen met en zonder de skill, gecontroleerd in light en dark. De skill paste echte antfu-signatuurelementen toe die de basisvariant miste: de bestandsnaam in een ingetogen groene accentkleur (de 'active module'-highlight van vite-plugin-inspect), het op50/op-fade-opaciteitstokensysteem, off-black #111, en volledige paneelbreedte-vulling. De basisvariant was competent en schoon (zelfs structureel rijker met kolomkoppen en een footer-teller), dus de winst van de skill was een bescheiden, zichtbare verschuiving richting het antfu-idioom in plaats van een dramatische polish-sprong.
Getest op: 2026-07-12 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/antfu/skills cd skills mkdir -p ~/.claude/skills cp -r skills/antfu-design ~/.claude/skills/antfu-design
Commando's en voorbeeldprompts
/antfu-designPast antfu-stijl UnoCSS-conventies toe met duale light/dark semantische tokens.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Refactor this UI to use antfu-style UnoCSS tokensAdd dark mode support using semantic UnoCSS classesPolish this dashboard's micro-interactions and tokens