← ClaudeAtlas

generate-palettelisted

Generate SVG Color Palette
eryet/claude-skill-collection · ★ 0 · Data & Documents · score 60
Install: claude install-skill eryet/claude-skill-collection
# Generate SVG Color Palette Generate a professional, interactive SVG color palette reference sheet with click-to-copy hex codes and hover effects. ## Input The user will provide: $ARGUMENTS This may include: - A **theme name** (e.g., "Coral Sunset", "Ocean Blue") - A **source URL** for color guidelines (e.g., a Pantone page, brand guide, government spec) - Specific **hex colors** they already know - A **description** of the mood/context ## Step 1 — Research Colors If the user provided a URL or named a specific color standard: 1. Use `WebFetch` to retrieve the page content from the provided URL. 2. Extract the relevant color values (hex, RGB, Pantone codes, color names). 3. If the URL is inaccessible, use `WebSearch` to find the color specification by name. If the user only provided a theme description (no URL or specific colors): 1. Use `WebSearch` to find authoritative color references matching the theme (e.g., Pantone, government brand guides, well-known design systems). 2. Extract 5-6 color values that form a cohesive palette from dark to light. If the user provided exact hex values, skip research and use those directly. ## Step 2 — Build the Palette Structure Organize **N main swatches + 1 soft background**, arranged dark-to-light. **Default N=5** unless the user requests more or fewer (supported range: 4–7). The general structure, always dark-to-light: | Slot | Role | Typical Usage | |------|------|---------------| | 1 (leftmost) | Deepest shade | Text, dark