storefront-widget
✓Utilice esta habilidad cuando el usuario pregunte sobre "widget de escaparate", "scripttag", "orientación al cliente", "Preact", "tamaño del paquete", "carga diferida", "optimización del rendimiento" o cualquier trabajo de frontend de escaparate. Proporciona patrones de Preact para widgets de escaparate ligeros.
Instalación
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.
Utilice esta habilidad cuando el usuario pregunte sobre "widget de escaparate", "scripttag", "orientación al cliente", "Preact", "tamaño del paquete", "carga diferida", "optimización del rendimiento" o cualquier trabajo de frontend de escaparate. Proporciona patrones de Preact para widgets de escaparate ligeros. Fuente: trantuananh-17/product-reviews.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/trantuananh-17/product-reviews --skill storefront-widget- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es storefront-widget?
Utilice esta habilidad cuando el usuario pregunte sobre "widget de escaparate", "scripttag", "orientación al cliente", "Preact", "tamaño del paquete", "carga diferida", "optimización del rendimiento" o cualquier trabajo de frontend de escaparate. Proporciona patrones de Preact para widgets de escaparate ligeros. Fuente: trantuananh-17/product-reviews.
¿Cómo instalo storefront-widget?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/trantuananh-17/product-reviews --skill storefront-widget Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/trantuananh-17/product-reviews
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05