email-theme-styling
✓Guía completa para tematizar y diseñar correos electrónicos transaccionales de Magento 2 a través de archivos de temas, que incluyen consideraciones específicas de Hyvä, arquitectura de inserción de CSS y patrones de anulación de plantillas.
Instalación
SKILL.md
Purpose This skill provides comprehensive guidance on theming and styling Magento 2 transactional emails via theme files. It covers the full email rendering pipeline, CSS inlining architecture, template override patterns, Hyvä Email module integration, and the Tailwind-to-LESS compilation approach.
Magento splits email CSS into two files because email clients like Gmail strip tags:
| email-inline.css (from email-inline.less) | Styles that CAN be inlined | {{inlinecss file="css/email-inline.css"}} | Emogrifier converts to style="" attributes | | email.css (from email.less) | Styles that CANNOT be inlined | {{css file="css/email.css"}} | Placed in tag (media queries, :hover, @font-face) |
Guía completa para tematizar y diseñar correos electrónicos transaccionales de Magento 2 a través de archivos de temas, que incluyen consideraciones específicas de Hyvä, arquitectura de inserción de CSS y patrones de anulación de plantillas. Fuente: proxiblue/claude-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/proxiblue/claude-skills --skill email-theme-styling- Fuente
- proxiblue/claude-skills
- Categoría
- ""Escritura
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es email-theme-styling?
Guía completa para tematizar y diseñar correos electrónicos transaccionales de Magento 2 a través de archivos de temas, que incluyen consideraciones específicas de Hyvä, arquitectura de inserción de CSS y patrones de anulación de plantillas. Fuente: proxiblue/claude-skills.
¿Cómo instalo email-theme-styling?
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/proxiblue/claude-skills --skill email-theme-styling 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/proxiblue/claude-skills
Detalles
- Categoría
- ""Escritura
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01