Generating Lwc Components

forcedotcom/sf-skills

This is a comprehensive Lightning Web Components skill that brings PICKLES methodology and a 165-point quality scoring system to LWC development. It triggers when you're working with lwc files or building wire services, SLDS styling, or Jest tests. The skill includes detailed reference guides for accessibility, performance, state management, and platform integration patterns, plus ready-to-use assets for datatables, modals, Flow screens, GraphQL components, and LMS patterns. It knows when to hand off to other skills for Apex controllers or deployment work. The architecture guidance is opinionated in the right ways: prefer platform base components, use wire for reactive reads and imperative for DML, avoid rerender loops, stick to SLDS 2 tokens for dark mode support.

skills.sh installs

3.1K

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

1infocardmarkdown-viewer/skillsCreate editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic conten3.1Kskills.sh installs

2presentation-creatorgetsentry/skillsCreate data-driven presentation slides using React, Vite, and Recharts with Sentry branding. Use when asked to "create a presentation", "build slides", "make a 3.1Kskills.sh installs

3gsap-corenexu-io/open-designOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).3Kskills.sh installs

4portable-text-serializationsanity-io/agent-toolkitRender and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use when implementing Portable Text rendering in any frontend f3Kskills.sh installs

5animejsfreshtechbro/claudedesignskillsVersatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, key3Kskills.sh installs

6ux-auditjezweb/claude-skillsWalk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sendi3Kskills.sh installs