From sui-plugin
Reference for SUI utility classes (s_*), Vue directives (v-scroll, etc.), and SCSS helpers (s_getPresetColor, s_getAppColor, mixins). Use when the user asks about CSS classes, breakpoints, spacing, display, flex, directives, or SCSS functions/mixins from @khsura/sui.
How this skill is triggered — by the user, by Claude, or both
Slash command
/sui-plugin:sui-utilitiesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use the SUI documentation files in this project to answer questions about utility classes, directives, and SCSS helpers.
Use the SUI documentation files in this project to answer questions about utility classes, directives, and SCSS helpers.
When the user asks about:
s_pa__4, s_display__flex, breakpoints, spacing) → read and use docs/classes.mdv-scroll, v-scroll.self) → read and use docs/directives.mds_getPresetColor, s_getAppColor, mixins) → read and use docs/helpers.mdAll utilities are from @khsura/sui. Import base styles with import '@khsura/sui/base.css' or import '@khsura/sui/style.scss'; use @use '@khsura/sui/helpers' as * for SCSS helpers.
npx claudepluginhub khsura/sui --plugin sui-pluginCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.