RePalette Agent Skill

Extract design tokens from any public website.

RePalette analyzes a live page and returns a clean starter theme including colors, typography, spacing, and more. Designed for agents, builders, and rapid design system bootstrapping.

---

What it does

Given a URL, RePalette returns:

• id — unique extraction ID
• summary — short description of the theme
• theme_css — ready-to-use CSS variables
• result_url — full results page with detailed breakdown

---

Usage

Chat examples (agent)

Use natural language. Examples:

• “@Agent use repalette on https://example.com/ and give me the id, summary, theme_css, and result_url.”
• “repalette this URL: https://stripe.com”
• “extract a starter theme from https://my-site.com/ (repalette)”

---

API Request

curl -X POST "https://api.repalette.dev/api/extract?compact=1" \
  -H "Content-Type: application/json" \
  -d '{"url":"https://stripe.com"}'

API Response

{
  "id": "luuedxjg",
  "summary": "Starter theme with a expressive palette, editorial typography, and moderate rounding.",
  "theme_css": "/* REPALETTE-THEME.CSS */ ...",
  "result_url": "https://repalette.dev/r/luuedxjg"
}

---

Example

Input:

https://discord.com

Output:

• CSS variables you can drop into a project
• A full visual breakdown at the result URL

---

Notes

• Works best on public marketing pages and simple sites
• Results are a clean approximation, not a pixel-perfect copy
• No authentication or setup required

---

Result page

Each extraction includes a full UI at:

https://repalette.dev/r/<id>

This includes:

• color roles
• typography tokens
• spacing and radii
• consistency and diagnostics
• export formats

---

License

MIT