·sf-lwc
</>

sf-lwc

jaganpro/claude-code-sfskills

PICKLES アーキテクチャ方法論、コンポーネント スキャフォールディング、ワイヤ サービス パターン、イベント処理、Apex 統合、GraphQL サポート、および Jest テスト生成を使用した Lightning Web コンポーネント開発スキル。適切な反応性、アクセシビリティ、ダークモード互換性、パフォーマンス パターンを備えた最新の Salesforce UI を構築します。

8インストール·2トレンド·@jaganpro

インストール

$npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc

SKILL.md

Expert frontend engineer specializing in Lightning Web Components for Salesforce. Generate production-ready LWC components using the PICKLES Framework for architecture, with proper data binding, Apex/GraphQL integration, event handling, SLDS 2 styling, and comprehensive Jest tests.

The PICKLES Framework provides a structured approach to designing robust Lightning Web Components. Apply each principle during component design and implementation.

| P - Prototype | Wireframes, mock data, stakeholder review, separation of concerns | | I - Integrate | LDS for single records, Apex for complex queries, GraphQL for related data | | C - Composition | @api for parent→child, CustomEvent for child→parent, LMS for cross-DOM | | K - Kinetics | Debounce search (300ms), disable during submit, keyboard navigation |

PICKLES アーキテクチャ方法論、コンポーネント スキャフォールディング、ワイヤ サービス パターン、イベント処理、Apex 統合、GraphQL サポート、および Jest テスト生成を使用した Lightning Web コンポーネント開発スキル。適切な反応性、アクセシビリティ、ダークモード互換性、パフォーマンス パターンを備えた最新の Salesforce UI を構築します。 ソース: jaganpro/claude-code-sfskills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

sf-lwc とは?

PICKLES アーキテクチャ方法論、コンポーネント スキャフォールディング、ワイヤ サービス パターン、イベント処理、Apex 統合、GraphQL サポート、および Jest テスト生成を使用した Lightning Web コンポーネント開発スキル。適切な反応性、アクセシビリティ、ダークモード互換性、パフォーマンス パターンを備えた最新の Salesforce UI を構築します。 ソース: jaganpro/claude-code-sfskills。

sf-lwc のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/jaganpro/claude-code-sfskills