slack-message-formatter について
Markdown を Slack 向けのメッセージに変換するスキルです。リッチテキストの貼り付け、mrkdwn による送信、Slack 風のブラウザープレビューに対応し、告知や通知の作成に使えます。
主な機能
- 01Markdown からリッチ HTML への変換
- 02API・Webhook 向け mrkdwn 生成
- 03Slack 風ブラウザープレビュー
- 04クリップボードへの自動コピー
- 05リスト、表、コード、メンション対応
活用シーン
- 01書式付き Slack 告知の作成
- 02投稿前のメッセージプレビュー
- 03Webhook によるデプロイ通知
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/slack-message-formatterを入力して読み込まれたか確認します。
詳細
Slack メッセージフォーマッター
ピクセル単位で正確な Slack メッセージを作成します。Markdown を Slack 対応の出力に変換する、次の 2 つの配信方法を提供します。
- コピー＆ペースト — Slack のメッセージ作成欄に貼り付けても書式が保持されるリッチ HTML
- API/Webhook — ボット、自動化、CI/CD 向けの Slack mrkdwn 構文
このスキルを使う場面
- Slack メッセージ、告知、通知の作成を依頼されたとき
- 「Slack 向け」に書式を整えるよう依頼されたとき
- Slack でのメッセージの表示をプレビューしたいとき
- Slack webhook 経由でメッセージを送信したいとき
- Slack で共有したい Markdown コンテンツがあるとき
このスキルでできること
- Markdown でコンテンツを生成 — Claude が標準的な Markdown でメッセージを作成します。これは Claude のネイティブな形式です
- リッチ HTML に変換 — Markdown をリッチ HTML に変換し、Slack のメッセージ作成欄に貼り付けても書式が保持されます
- Slack mrkdwn に変換 — Markdown を Slack 独自の mrkdwn 構文に変換し、API/webhook 経由で配信します
- Slack テーマのプレビューを生成 — Slack UI のようなスタイルの HTML プレビューページを作成し、ブラウザーで開きます
- クリップボードにコピー — リッチ HTML をシステムクリップボードに自動的にコピーし、Slack にワンステップで貼り付けられるようにします
使い方
基本的な使い方
Write a Slack message announcing our Q2 product launch
Format this for Slack: We shipped 3 new features this week...
Create a Slack announcement for the engineering team about the new CI pipeline
Webhook/API 配信
Send a deploy notification to Slack via webhook
書式設定機能
このコンバーターは、あらゆる Markdown 機能に対応し、Slack 用に正しく変換します。
- 太字、斜体、取り消し線、インラインコード
- リンクと見出し（Slack では太字に変換）
- 表（貼り付け用にはリッチ HTML の表、API 用にはコードブロック）
- 絵文字のチェックボックス付きタスクリスト
- 入れ子のリストと引用
- シンタックスハイライト付きコードブロック
- Slack のメンション（
<@U012AB3CD>、<!here>、<!channel>） - 150 種類以上の絵文字ショートコードを Unicode に変換
例
ユーザー：「新機能を告知する Slack メッセージを書いて」
出力（ブラウザーで Slack テーマのプレビューを開き、クリップボードにコピー）：
プレビューでは、ピクセル単位で再現された Slack UI が表示されます。ユーザーは Cmd+V / Ctrl+V で Slack に直接貼り付けられ、書式も保持されます。
ユーザー：「webhook 経由で #deploys チャンネルにデプロイ通知を送って」
出力（mrkdwn 形式で設定済みの webhook に送信）：
*:rocket: Deploy Successful*
*Service:* payment-api
*Version:* v2.5.1
*Environment:* production
*Duration:* 47s
:white_check_mark: All health checks passing
設定
| 環境変数 | デフォルト | 説明 |
|---|---|---|
SLACK_FORMATTER_CLIPBOARD | true | 自動クリップボードコピーを無効にするには false に設定します |
SLACK_FORMATTER_PREVIEW_DIR | /tmp/slack-formatter | プレビュー HTML ファイルのディレクトリ |
CCH_SLA_WEBHOOK | (none) | メッセージ送信用の Slack webhook URL |
ヒント
- Markdown から Slack への変換は必ずコンバーターに任せてください。mrkdwn や HTML を手書きしないでください
- Slack のメンション（
<@U...>、<#C...>、<!here>）は Markdown に直接含められます - コピー＆ペーストでは表をきれいに表示できます。API 配信ではコードブロックに変換されます（Slack には表の構文がありません）
- プレビューファイルにはタイムスタンプが付くため、会話履歴から再度開けます
コメント
Markdown 対応