email-html-mjml

email-html-mjml

カタログ用スタブ — 完全版スキル：framix-team/skill-email-html-mjml

判断ツリー

1. 完全版スキルはすでにインストールされていますか？

   • グローバル：f=~/.agents/skills/email-html-mjml/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/email-html-mjml/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルは email-html-mjml としてインストール済みです。これを呼び出して続行します
   • pointer → 手順 2 に進みます

2. スコープを検出してから、インストールします：

   [ -e ~/.agents/skills/email-html-mjml ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add framix-team/skill-email-html-mjml --skill email-html-mjml -g -y
   

   プロジェクト：

   npx skills add framix-team/skill-email-html-mjml --skill email-html-mjml -y
   

   Claude Code： 会話から離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信します。

注意事項

• 要件： Node.js 20 以降。MJML はプロジェクトごとにインストールします（npm install -D mjml）。グローバルにはインストールしないでください
• ライセンス： MIT

インストール後の呼び出し

• スキル名：email-html-mjml
• トリガーフレーズ：「MJML」、「HTML メール」、「メールテンプレート」、「Outlook 対応メール」

機能

MJML 5.x をオーサリングレイヤーとして使用し、本番環境対応の HTML メールを生成します。MJML のレスポンシブコンポーネントはテーブルベースの HTML にコンパイルされ、Outlook 2013 から 365、Gmail のウェブ版とモバイル版、Apple Mail、その他の主要なクライアントと互換性があります。このスキルには、コンポーネントのリファレンス、テンプレートのサンプル（ニュースレター、注文確認、プロモーション、基本レイアウト）、コンパイル手順が含まれます。常に .mjml ソースとコンパイル済みの .html を出力し、MJML の厳格モードで検証したうえで、Gmail の 102 KB のクリッピング制限に抵触しないか確認します。出力はアクセシビリティルール（代替テキスト、タイトル、コントラスト）に準拠します。HTML メールの作成、コンパイル、トラブルシューティングを依頼すると、スキルが自動的に有効になります。

npx mjml でコンパイルするため、Node.js 20 以降が必要です。また、MJML 自体はプロジェクトごとにインストールします（npm install -D mjml）。

使用しない場合

• マーケティング用ウェブページの HTML — 代わりに design-html を使用します
• アニメーション付きウェブコンテンツやインタラクティブなランディングページ
• クライアント間のメール表示テスト（Litmus などの専用メールテストサービスを使用します）