slack-message-formatter
Slack Message Formatter
Format messages for Slack with pixel-perfect accuracy. Converts Markdown to Slack-compatible output with two delivery paths:
- Copy-paste — Rich HTML that preserves formatting when pasted into Slack's compose box
- API/Webhook — Slack mrkdwn syntax for bots, automation, and CI/CD
When to Use This Skill
- User asks to write a Slack message, announcement, or notification
- User asks to format something "for Slack"
- User wants to preview how a message will look in Slack
- User wants to send a message via Slack webhook
- User has Markdown content they want to share in Slack
What This Skill Does
- Generates content in Markdown — Claude writes the message in standard Markdown, its native format
- Converts to Rich HTML — Transforms Markdown into rich HTML that preserves formatting when pasted into Slack's compose box
- Converts to Slack mrkdwn — Transforms Markdown into Slack's proprietary mrkdwn syntax for API/webhook delivery
- Generates a Slack-themed preview — Creates an HTML preview page styled like the Slack UI and opens it in the browser
- Copies to clipboard — Automatically copies the rich HTML to the system clipboard for one-step paste into Slack
How to Use
Basic Usage
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 Delivery
Send a deploy notification to Slack via webhook
Formatting Features
The converter handles all Markdown features and translates them correctly for Slack:
- Bold, italic, strikethrough, inline code
- Links and headings (converted to bold in Slack)
- Tables (rich HTML tables for paste, code blocks for API)
- Task lists with emoji checkboxes
- Nested lists and blockquotes
- Code blocks with syntax highlighting
- Slack mentions (
<@U012AB3CD>,<!here>,<!channel>) - 150+ emoji shortcodes converted to Unicode
Example
User: "Write a Slack message announcing our new feature"
Output (opened as a Slack-themed preview in the browser + copied to clipboard):
The preview shows a pixel-perfect Slack UI rendering. The user pastes directly into Slack with Cmd+V / Ctrl+V and the formatting is preserved.
User: "Send a deploy notification to our #deploys channel via webhook"
Output (sent via mrkdwn to the configured webhook):
*:rocket: Deploy Successful*
*Service:* payment-api
*Version:* v2.5.1
*Environment:* production
*Duration:* 47s
:white_check_mark: All health checks passing
Configuration
| Env Variable | Default | Description |
|---|---|---|
SLACK_FORMATTER_CLIPBOARD |
true |
Set to false to disable auto-clipboard copy |
SLACK_FORMATTER_PREVIEW_DIR |
/tmp/slack-formatter |
Directory for preview HTML files |
CCH_SLA_WEBHOOK |
(none) | Slack webhook URL for sending messages |
Tips
- Always let the converter handle the Markdown-to-Slack translation; never write mrkdwn or HTML by hand
- Slack mentions (
<@U...>,<#C...>,<!here>) can be included directly in the Markdown - Tables work beautifully via the copy-paste path; for API delivery they become code blocks (Slack has no table syntax)
- Preview files are timestamped so you can revisit them from conversation history
More from davepoon/buildwithclaude
file-organizer
Intelligently organizes your files and folders across your computer by understanding context, finding duplicates, suggesting better structures, and automating cleanup tasks. Reduces cognitive load and keeps your digital workspace tidy without manual effort.
212xlsx
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
187content-research-writer
Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section. Transforms your writing process from solo effort to collaborative partnership.
141docx
Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks
122auth-patterns
This skill should be used when the user asks about "authentication in Next.js", "NextAuth", "Auth.js", "middleware auth", "protected routes", "session management", "JWT", "login flow", or needs guidance on implementing authentication and authorization in Next.js applications.
104server-actions
This skill should be used when the user asks about "Server Actions", "form handling in Next.js", "mutations", "useFormState", "useFormStatus", "revalidatePath", "revalidateTag", or needs guidance on data mutations and form submissions in Next.js App Router.
100