email-marketing について
ブランド製品のローンチメールを、幅600pxの1カラムHTMLとして作成するデザインスキルです。メールクライアントへの対応を想定し、ヒーローから仕様、フッターまでの構成を示します。
主な機能
- 01幅600pxの1カラムレイアウト
- 02中央配置のワードマークヘッダー
- 03ヒーロー画像のプレースホルダーと見出し
- 04本文と主要CTAボタン
- 053列の製品仕様グリッド
- 06ソーシャルリンクと配信停止フッター
活用シーン
- 01ブランド製品ローンチメールの作成
- 02ローンチ文面と主要CTAの構成
- 03製品仕様と配信停止情報の掲載
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/email-marketingを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: 品牌产品发布邮件】 【意图】纯 HTML 邮件, 600px 单栏, 兼容邮件客户端。 【布局】
- Masthead (wordmark 居中)
- Hero 图块 (SVG 占位)
- Headline lockup (含 skewed-italic accent)
- Body copy + primary CTA 按钮
- Specifications grid (3 列)
- Footer (社交 + 退订) 【设计细节】
- 使用
<table role='presentation'>做布局兜底 - 颜色用 inline style (不要依赖 class)
コメント
Markdown 対応