email-theme-styling
✓Hyvä 固有の考慮事項、CSS インライン化アーキテクチャ、テンプレート オーバーライド パターンなど、テーマ ファイルを介して Magento 2 トランザクション電子メールのテーマ設定とスタイル設定を行うための包括的なガイド。
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) |
Hyvä 固有の考慮事項、CSS インライン化アーキテクチャ、テンプレート オーバーライド パターンなど、テーマ ファイルを介して Magento 2 トランザクション電子メールのテーマ設定とスタイル設定を行うための包括的なガイド。 ソース: proxiblue/claude-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/proxiblue/claude-skills --skill email-theme-styling- カテゴリ
- ""ライティング
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
email-theme-styling とは？
Hyvä 固有の考慮事項、CSS インライン化アーキテクチャ、テンプレート オーバーライド パターンなど、テーマ ファイルを介して Magento 2 トランザクション電子メールのテーマ設定とスタイル設定を行うための包括的なガイド。 ソース: proxiblue/claude-skills。
email-theme-styling のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/proxiblue/claude-skills --skill email-theme-styling インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/proxiblue/claude-skills
詳細
- カテゴリ
- ""ライティング
- ソース
- skills.sh
- 初回登録
- 2026-02-01