storefront-widget
✓當用戶詢問“店面小部件”、“scripttag”、“面向客戶”、“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.
當用戶詢問“店面小部件”、“scripttag”、“面向客戶”、“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？
當用戶詢問“店面小部件”、“scripttag”、“面向客戶”、“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 中使用
這個 Skill 的原始碼在哪？
https://github.com/trantuananh-17/product-reviews
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-05