Uplifting Components To Slds2
If you're migrating Lightning Web Components from SLDS 1 to SLDS 2, this walks you through running the linter and fixing the violations it can't auto-fix. It covers all four rule types: hardcoded values, deprecated LWC tokens, class overrides, and legacy token syntax. The color hooks section is the most useful part because it emphasizes inspecting HTML context before choosing a hook family, which matters more than people expect. Includes lookup tables for spacing, sizing, and typography hooks, plus a checklist for the things developers commonly miss like adding component-prefixed classes to markup alongside SLDS classes. Solid if you're staring at a linter output file and need structured fix patterns.
- skills.sh installs
- 1.5K
- GitHub stars
- 705
- last updated
- Jul 14, 2026
Install
$ npx -y skills add forcedotcom/afv-library --skill uplifting-components-to-slds2 --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're migrating Lightning Web Components from SLDS 1 to SLDS 2, this walks you through running the linter and fixing the violations it can't auto-fix. It covers all four rule types: hardcoded values, deprecated LWC tokens, class overrides, and legacy token syntax. The color hooks section is the most useful part because it emphasizes inspecting HTML context before choosing a hook family, which matters more than people expect. Includes lookup tables for spacing, sizing, and typography hooks, plus a checklist for the things developers commonly miss like adding component-prefixed classes to markup alongside SLDS classes. Solid if you're staring at a linter output file and need structured fix patterns.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/forcedotcom/afv-library
- First seen
- May 16, 2026
More from forcedotcom/afv-library
All 58- Using Ui Bundle Salesforce Data1.5K
- Creating B2b Commerce Store1.4K
- Generating Lwc Components541
- Querying Soql540
- Developing Datacloud Code Extension539
- Fetching Salesforce Docs537
- Getting Datacloud Schema536
- Deploying Metadata534
- Debugging Apex Logs532
- Handling Sf Data532
- Generating Mermaid Diagrams531
- Generating Visual Diagrams531
- Running Apex Tests531
- Configuring Connected Apps526
- Building Sf Integrations523
- Retrieving Datacloud523
- Activating Datacloud522
- Harmonizing Datacloud520
- Connecting Datacloud519
- Orchestrating Datacloud519
- Preparing Datacloud519
- Segmenting Datacloud518
- Building Omnistudio Flexcard511
- Analyzing Omnistudio Dependencies510
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs