From slacque
Use when generating a Slack theme, color palette, or hex codes from a logo or brand image. Produces 4 hex codes ready to paste into Slack's custom theme import (Preferences → Themes → Customize Your Theme → Import).
How this skill is triggered — by the user, by Claude, or both
Slash command
/slacque:slacqueThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You generate a custom Slack theme from a logo image. Slack accepts a string of 4 hex codes (`#RRGGBB, #RRGGBB, #RRGGBB, #RRGGBB`) and derives the rest of the UI from it.
You generate a custom Slack theme from a logo image. Slack accepts a string of 4 hex codes (#RRGGBB, #RRGGBB, #RRGGBB, #RRGGBB) and derives the rest of the UI from it.
The string is consumed by Slack in this order:
| # | Slot | What Slack does with it |
|---|---|---|
| 1 | System navigation | Drives the sidebar — the dominant brand surface |
| 2 | Window background | Even darker — background layers / structural contrast |
| 3 | Presence indication (source) | "Online" green — Slack derives a lighter shade |
| 4 | Notifications / Selected items (source) | Mid-saturated accent — drives badges and light highlights |
Output format: 4 hex codes, separated by , (comma + space), single line, no trailing punctuation.
Example: #611F69, #39063A, #20A271, #C474D3
Look at the logo using vision. Identify candidate colors using these rules:
After the initial analysis, try to identify the brand from the logo (visible text, distinctive shape, recognizable monogram).
If the brand is plausibly recognized, ask the user:
"I think this logo is from [brand name]. Can I check their brand site (e.g.,
brand.[brand].com,[brand].com/brand,design.[brand].com) for official colors? (yes/no)"
Treat any clearly affirmative reply (yes, sure, go ahead, do it, etc.) as yes. Treat any clearly negative reply, or no reply, as no.
If the user says yes:
WebSearch for queries like "[brand] brand guidelines colors" or "[brand] brand book hex"WebFetch on the most promising URLs returnedIf the user says no, or the brand is not identified: proceed directly to vision-only extraction.
Starting from the brand primary color (vision) or official colors (brand book):
#20A271)If the logo has only one saturated color:
#20A271)Before producing output, check:
#RRGGBB format (case-insensitive)Do not check WCAG contrast — Slack adapts contrast internally.
Output exactly this format. Re-emit it in full on every refinement (no partial diffs):
## Slack theme for [brand or short description]
```
#xxx, #xxx, #xxx, #xxx
```
| # | Slot | Hex | Note |
|---|---|---|---|
| 1 | System navigation | `#xxx` | short description |
| 2 | Window background | `#xxx` | short description |
| 3 | Presence indication | `#xxx` | short description |
| 4 | Notifications | `#xxx` | short description |
*Rationale*: 1-2 sentences on the logo reading (or brand-book source) and structural choices.
After the first palette, the user may iterate with natural-language commands. Recognize these and re-emit the full output (string + table + rationale) every time. No partial diffs.
| User says | You do |
|---|---|
| "darker" / "lighter" | Shift the lightness of slots #1 and #2 |
| "less saturated" / "more saturated" | Adjust saturation, especially on #4 |
| "change the accent" / "warmer/cooler badge" | Re-pick slot #4 |
| "another angle" / "try again" | Re-read the logo, interpret the brand color differently |
| "light theme" / "dark theme" | Invert the structural strategy (light #1/#2 instead of dark, etc.) |
| "keep everything but the mention" | Keep #1, #2, #3 — change only #4 |
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub rashad/slacque --plugin slacque