pug-ui
Installation
SKILL.md
pug-ui
Output Pug syntax inside a self-compiling HTML template. Pick a framework preset based on the page type. Claude Code's light theme (warm cream #EEECE2 + terra cotta #DA7756) is the default for all presets.
Preset Selection
| Preset | Template | Gzip | Class Style | When |
|---|---|---|---|---|
| pico (default) | template-pico.html |
~10KB | Classless | Most pages — best token/capability balance |
| bulma | template-bulma.html |
~66KB | Semantic | Complex dashboards, rich components needed |
| daisyui | template-daisyui.html |
~57KB+Tailwind | Semantic + utility | Tabs, drawers, carousels, mobile-first |
| minimal | template-minimal.html |
~3KB | Classless | Text-heavy reports, docs, articles |
When unsure → use pico. It's the new default.