Palette export

Name: Palette export
Author: @slashclone

@slashclone/palette-export

Turn your design tokens into a downloadable color palette: a swatch sheet (SVG), JSON, CSS variables, and a GIMP palette that Krita and Inkscape also open. Handy for briefing designers or image models with your exact colors. Reads one colors file and writes only to an out folder.

SkillContentv0.1.0 (latest)Tested

Use in Claude Save Like Clone Comment

Activity: New: be the first to try it
Installs: 0 installs
Likes: 0 likes
Clones: 0 clones

Suggested improvements are proposed file changes. Maintainers review the diff and can merge one into a new version, which goes through the usual scan, review, and signing.

No suggestions yet.

Diffs are visible to the author and the maintainers.

Use in Claude

Claude Code

/kit add @slashclone/palette-export

CLI

slashclone add @slashclone/palette-export

Codex

slashclone add @slashclone/palette-export --agent codex

Not enforced. Codex does not enforce the permissions this kit declares.

Cursor

slashclone add @slashclone/palette-export --agent cursor

Not enforced. Cursor does not enforce the permissions this kit declares.

claude.ai and the desktop app

Download for Claude

Not enforced. claude.ai and the Claude desktop app do not enforce the permissions this kit declares. How to upload it

As a file

Download .kit

One file with everything in it. slashclone add ./file.kit checks it against this page before installing.

Review before installing

Set up SlashClone in Claude

Health

No keep-alive checks yet

Checks run weekly once someone keeps the kit installed.

Run reports are off

Safety

Scan passed
Not reviewed yet
Tests pass (2 of 2)

This kit reads ./examples/**, ./data/**, writes to ./out/palette* and runs node scripts/export-palette.mjs. Install it?

Full scan and review

Similar kits

Brand tokens export
@brandkit
Turn the tokens in your brand.md into code: CSS variables, a Tailwind theme (v3 and v4), and a design-tokens.json for Figma token plugins. One source of truth, regenerated in a second whenever the brand changes.
Two theme brand colors
@slashclone
Find brand colors that work in both light and dark mode: for each hue, the shade with the best WCAG contrast against all your light and dark backgrounds at once, so a logo or accent can keep one color in both themes. Prints a table and saves the results as JSON.
Brand guide builder
@brandkit
Build a one-page brand guide (brand.md) through a short interview, pulling the colors and fonts your site already uses. Covers colors, type, logo rules, voice, and spacing, plus a machine-readable tokens block the other brandkit kits use.
Social image templates
@brandkit
Generate on-brand social image templates as editable SVGs from your brand.md tokens: an Open Graph image (1200x630), a square post (1080x1080), and a story (1080x1920 with safe zones). Checks text contrast and fits the headline for you.

Link

https://slashclone.dev/@slashclone/palette-export

README badge

[![Install with SlashClone](https://slashclone.dev/badge/slashclone/palette-export.svg)](https://slashclone.dev/@slashclone/palette-export?ref=slashclone)

Embed

<iframe src="https://slashclone.dev/embed/slashclone/palette-export" width="480" height="200" title="@slashclone/palette-export" loading="lazy"></iframe>

Share card image

More from @slashclone

Seeded image crops
Give every card, profile, and page header its own cover from just a few hero images: each item gets a stable crop (a hand-picked framing, nudged per item), the same every time it loads. One small file shared by every card, so a page of cards downloads the images once. Includes a checker that previews how evenly your items spread across the crops.
Paid content copy detection
Catch re-uploads of paid content before they go public: fingerprint each paid item's files, ignore the parts a copier changes for free (front matter, whitespace), and hold any public upload by someone else that matches for a person to review. Writes the code and tests for you to review.
Stripe marketplace hold
Build a marketplace on Stripe Connect where your platform is the seller and holds each creator's share before paying it out, like eBay: Accounts v2 recipients, subscriptions and one-time sales, thin events, a release job, and refunds that reverse payouts. Writes the code and tests for you to review; never touches live keys.
Product rename checklist
Rename a product across code, copy, CLI, plugins, and docs without breaking anything: one name constant, a careful sweep, and a list of strings that must keep the old name (signing labels, key-derivation labels, OAuth client ids, stored rule ids, migrations). Shows the plan and asks before it edits.

See all of @slashclone's kits

Report this kit