← ClaudeAtlas

pmf-change-seed-colorlisted

Change the seed color of the Material Design 3 Pencil library. Triggers when the user asks to change the seed color, primary color, brand color, or update the color palette/scheme in material-design-guide.lib.pen.
noory-code/noory-ai · ★ 0 · AI & Automation · score 75
Install: claude install-skill noory-code/noory-ai
# Change Seed Color > Before executing this workflow, read and apply `../HOST_CONTRACT.md`. Changing the seed color causes the entire M3 palette (Semantic Colors + Material Color Scheme) to be recalculated. ## Target file - Standalone execution: `<plugin-root>/pencil/material-design-guide.lib.pen` - Delegated execution from `init`: The newly created `<appname>-design-guide.lib.pen` (The file opened by init is already active in the editor, so use it as-is) ## Workflow ### Step 1 -- Confirm Seed Color Ask the user for the new seed color hex value. Example: `#6750A4` ### Step 2 -- Calculate Palette Use `<plugin-root>/pencil/md3calc/hct_palette.py` to calculate the palette. ```bash cd <plugin-root>/pencil/md3calc python3 hct_palette.py <seed_hex> ``` Output format: ```json { "seed": "#6750A4", "primary": { "0": "#000000", "10": "...", "20": "...", "30": "...", "40": "...", "50": "...", "60": "...", "70": "...", "80": "...", "90": "...", "95": "...", "99": "...", "100": "#FFFFFF" }, "secondary": { ... }, "tertiary": { ... }, "neutral": { ... }, "neutralVariant": { ... }, "error": { "0": "#000000", "10": "#410002", "20": "#690005", "30": "#93000A", "40": "#BA1A1A", "50": "#DE3730", "60": "#FF5449", "70": "#FF897D", "80": "#FFB4AB", "90": "#FFDAD6", "95": "#FFEDEA", "99": "#FFFBFF", "100": "#FFFFFF" } } ``` > The error palette uses M3 standard values regardless of the seed. ### Step 3 -- Update Semantic Colors Palette Update the following variables usin