Uplifting Components To Slds2

forcedotcom/sf-skills

This handles the grunt work of migrating Lightning Web Components from SLDS 1 to SLDS 2 by running the linter, then walking you through fixes for each violation type. It covers all six styling hook categories (color, spacing, sizing, typography, borders, shadows) and knows the four main linter rules you'll hit: hardcoded values, deprecated LWC tokens, class overrides, and legacy token syntax. The class override fixes are easy to miss since they require changes to both CSS and markup, so it explicitly calls that out. Color hooks need context and judgment, while the numbered scales for spacing and sizing are mostly mechanical. Use it when you're staring at linter output and need the decision trees and fallback patterns to get to zero errors.

skills.sh installs

3.6K

GitHub stars

1.2K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1fullstack-devminimax-ai/skillsFull-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding ba3.5Kskills.sh installs

2generative-uihimself65/finance-skillsDesign system and guidelines for Claude's built-in generative UI — the show_widget tool that renders interactive HTML/SVG widgets inline in claude.ai conversati3.4Kskills.sh installs

3netlify-frameworksnetlify/context-and-toolsGuide for deploying web frameworks on Netlify. Use when setting up a framework project (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) for 3.4Kskills.sh installs

4swiftui-webkitdpearson2699/swift-ios-skillsEmbeds and controls web content in SwiftUI with WebKit for SwiftUI, including WebView, WebPage, navigation policies, JavaScript execution, observable page state3.4Kskills.sh installs

5color-palettejezweb/claude-skillsGenerate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS ou3.4Kskills.sh installs

6streamdownvercel/streamdownImplement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting, Mermaid diagrams, math rendering, and C3.3Kskills.sh installs