design-systems-slds-apply

What problem does it solve?

This Skill removes the guesswork from building Salesforce user interfaces by showing exactly which SLDS patterns, components, hooks, utilities, and icons to use.

Core Features & Use Cases

• Component Selection: Chooses between Lightning Base Components, SLDS blueprints, styling hooks, and custom CSS in the correct order.
• SLDS Styling Guidance: Applies valid surface, accent, spacing, border, typography, and shadow hooks without inventing unsupported tokens.
• Blueprint and Utility Usage: Guides cards, forms, modals, tables, grids, badges, and other interface patterns with SLDS-compliant classes.
• Icon Selection and Accessibility: Helps pick the right icon category and ensures accessible icon usage with proper alternative text.
• Validation and Guardrails: Reinforces linter-safe markup, verified artifacts, and checklist-based quality checks for SLDS v2.
• Use Case: A developer building a responsive record card can use this Skill to choose lightning-card, add the right grid utilities, theme it with approved hooks, and select a matching icon.

Quick Start

Ask for the SLDS pattern you need, the framework you are using, and any style or accessibility constraints, and the Skill will recommend the correct component, blueprint, hooks, utilities, and icons.