Design Systems SLDS Apply skill: what it does and how to install it
Applies Salesforce Lightning Design System patterns to interfaces, selecting components, blueprints, styling hooks, utilities and icons.
Summary generated from the skill's documentation.
Install
$ npx skills add forcedotcom/sf-skills --skill design-systems-slds-applyRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Guides UI work through a hierarchy of Lightning Base Components, SLDS Blueprints, styling hooks and custom CSS. It searches bundled metadata to verify classes, hooks and icons, then applies SLDS styling and accessibility checks and runs the SLDS linter.
When to use it. For building or styling interfaces with SLDS across LWC and other frameworks. It does not cover visual design decisions, LWC mechanics or full WCAG compliance.
History
Repo stars
1.1k+59 since 5 Oct 2026
Stars are counted for the whole repository, which holds 6 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 26 Oct 2026 | 1,115 |
| 25 Oct 2026 | 1,111 |
| 24 Oct 2026 | 1,111 |
| 23 Oct 2026 | 1,111 |
| 22 Oct 2026 | 1,109 |
| 21 Oct 2026 | 1,105 |
| 20 Oct 2026 | 1,104 |
| 19 Oct 2026 | 1,103 |
| 18 Oct 2026 | 1,101 |
| 17 Oct 2026 | 1,098 |
| 16 Oct 2026 | 1,094 |
| 15 Oct 2026 | 1,091 |
| 14 Oct 2026 | 1,085 |
| 13 Oct 2026 | 1,079 |
| 12 Oct 2026 | 1,072 |
| 11 Oct 2026 | 1,068 |
| 10 Oct 2026 | 1,067 |
| 9 Oct 2026 | 1,066 |
| 8 Oct 2026 | 1,061 |
| 7 Oct 2026 | 1,059 |
| 6 Oct 2026 | 1,056 |
| 5 Oct 2026 | 1,056 |
Installs
6k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Mobile iOS DesignDesigns native iOS interfaces with SwiftUI patterns, Apple Human Interface Guidelines, adaptive layouts and accessible system components.
- Tailwind Design SystemBuilds design systems with Tailwind CSS v4, including CSS-first design tokens, reusable component patterns and responsive theming.
- Web Component DesignBuilds reusable UI components in React, Vue and Svelte using composition patterns, accessible APIs and styling approaches.