unocss-onmax
Installation
SKILL.md
UnoCSS with presetOnmax Workflow
Custom UnoCSS workflow using unocss-preset-onmax with fluid sizing, 1px-base spacing, and attributify mode.
Core Concepts
| Concept | Pattern | Example |
|---|---|---|
| Attribute mode | attr="~ value" |
flex="~ col gap-8" |
| Fluid spacing | f-{util}-{size} |
f-px-md, f-pt-2xl |
| Scale-to-px | 1rem = 4px | p-16 = 16px |
| hocus | hover + focus | bg="neutral hocus:blue" |
| size-X | width + height | size-40 = 40×40px |
When to Load Sub-Files
Load based on task: