FreeWeb
SVG icons, illustrations and logos
- 371371 downloads
- 167167 likes
- 205205 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
Migrate LWC components to SLDS 2 v1.0.0
Use this resource to migrate LWC components from SLDS 1 to SLDS 2
New
- 379 downloads
- 220 likes
- 157 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install slds-2-lwc-styling-migrationWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent runs the SLDS linter, analyzes its output, fixes violations by type (colors, spacing, sizing, typography, borders, shadows) by choosing the right styling hook, then validates the fixes. Accessibility checks and visual analysis belong to other skills.
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeSkills
Simulated user walkthroughs and latent demand
- 400400 downloads
- 155155 likes
- 180180 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
UI motion: hover, transitions, gestures
- 600600 downloads
- 208208 likes
- 109109 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design tokens: colour, spacing and dark mode
- 314314 downloads
- 142142 likes
- 243243 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Frontend engineering review
- 537537 downloads
- 112112 likes
- 145145 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
UI and API mock prototypes
- 426426 downloads
- 171171 likes
- 233233 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Design context extraction from Figma
- 412412 downloads
- 240240 likes
- 178178 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeWeb
Mockup-faithful HTML and CSS generation
- 512512 downloads
- 215215 likes
- 183183 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: hook categories, fix steps and validation
- references/: decision guides for color and non-color hooks, and linter rules
Good fit for
- Your LWC components contain hardcoded colors or margins
- The SLDS linter flags class overrides to fix
Not for
Tags
- slds
- lwc
- migration
- styles
- linter
About
You say
“Migrate this LWC component to SLDS 2: run the linter, fix hardcoded colors and class overrides.”
Skill published by forcedotcom under the Apache-2.0 license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to migrate LWC components from SLDS 1 to SLDS 2
- Review and adjust the result
Content preview
Files
- LICENSE11.4 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/color-hooks-decision-guide.md17.9 KB
- references/common-patterns.md2.9 KB
- references/examples.md11.3 KB
- references/migration-checklist.md2.7 KB
- references/non-color-hooks-decision-guide.md13.6 KB
- references/rule-lwc-token-to-slds-hook.md5.1 KB
- references/rule-no-deprecated-tokens-slds1.md7.7 KB
- references/rule-no-hardcoded-values.md7 KB
- references/rule-no-slds-class-overrides.md3.7 KB
- SKILL.md12.8 KB
Origin and licence
Listed unmodified
- Author
- forcedotcom
- Source
- github.com/forcedotcom/sf-skills/tree/985407c7f7896030759d3310fe47d652265916b3/skills/design-systems-slds2-migrate
- Licence
- Apache-2.0
Notice
« design-systems-slds2-migrate » (forcedotcom, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…