storefront-widget
✓このスキルは、ユーザーが「ストアフロント ウィジェット」、「スクリプトタグ」、「顧客対応」、「Preact」、「バンドル サイズ」、「遅延読み込み」、「パフォーマンスの最適化」、またはストアフロント フロントエンドの作業について尋ねたときに使用します。軽量の店頭ウィジェット用の Preact パターンを提供します。
SKILL.md
The scripttag package contains customer-facing storefront widgets injected into merchant stores. Performance is CRITICAL - every KB and millisecond impacts merchant store speed and conversion rates.
| Preact | UI library | 3KB vs React's 40KB+ | | preact-lazy | Lazy loading | Lightweight lazy loader | | SCSS | Styling | Scoped styles, minimal footprint | | Rspack | Bundler | 10x faster than webpack |
Styling: Always use custom SCSS/CSS. Avoid UI libraries - they add unnecessary bundle size.
このスキルは、ユーザーが「ストアフロント ウィジェット」、「スクリプトタグ」、「顧客対応」、「Preact」、「バンドル サイズ」、「遅延読み込み」、「パフォーマンスの最適化」、またはストアフロント フロントエンドの作業について尋ねたときに使用します。軽量の店頭ウィジェット用の Preact パターンを提供します。 ソース: trantuananh-17/product-reviews。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/trantuananh-17/product-reviews --skill storefront-widget- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
storefront-widget とは？
このスキルは、ユーザーが「ストアフロント ウィジェット」、「スクリプトタグ」、「顧客対応」、「Preact」、「バンドル サイズ」、「遅延読み込み」、「パフォーマンスの最適化」、またはストアフロント フロントエンドの作業について尋ねたときに使用します。軽量の店頭ウィジェット用の Preact パターンを提供します。 ソース: trantuananh-17/product-reviews。
storefront-widget のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/trantuananh-17/product-reviews --skill storefront-widget インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/trantuananh-17/product-reviews
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05