New Skill

New skill: applying-slds

Build SLDS-compliant UI with Agentforce Vibes — blueprints, styling hooks, utility classes, and icons for modals, forms, data tables, and more.

June 12, 2026

New skill: applying-slds

The applying-slds skill helps Agentforce Vibes author SLDS-compliant UI from the start — so the components you build follow Salesforce Lightning Design System conventions without hand-tuning.

What it does

Apply SLDS-compliant UI — blueprints, styling hooks, utility classes, and icons — for building modals, forms, data tables, and more.

Highlights

  • Theming & styling done right: uses var(--slds-g-*) styling hooks with fallbacks, correct surface/accent/feedback color pairings, spacing hooks, and font/shadow/radius tokens — no hardcoded colors or magic pixel values.
  • Blueprint structure: cards, modals, and other patterns use the correct slds-* blueprint classes.
  • Lightning base components: prefers <lightning-input>, <lightning-button>, and <lightning-icon> over raw HTML elements.
  • Clean code: no !important, no inline styles, and custom classes use a clear prefix.

Pair it with validating-slds to score a component once it's built, or uplifting-components-to-slds2 to fix existing violations.

 ← All Announcements