Skill

ui-color-palette-sketch

Entry point for UI Color Palette workflows targeting Sketch. Use to choose between swatches, shared styles, and document preview generation.

Install

npx claudepluginhub a-ng-d/claude-ui-color-palette

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Use this folder as the platform entry point for all **UI Color Palette → Sketch** workflows.

Supporting Assets

references/generate-styles.mdreferences/generate-tokens.mdreferences/generate-variables.md

SKILL.md

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

139.2k

mcp-builder

9 files

Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).

anthropics-skills-13

124.2k

canvas-design

20 files

Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.

anthropics-skills-13

124.2k

Stats

Stars0

Forks0

Last CommitApr 23, 2026

Actions

View Source View Plugin View on GitHub View README

UI Color Palette Sketch

Use this folder as the platform entry point for all UI Color Palette → Sketch workflows.

Folder structure

SKILL.md at the root is the platform index
references/ contains the detailed operational sub-skills

Reuse rule

Before calling any MCP tool, check whether PaletteData is already present in the conversation context.

If it is, use it directly — never call get_full_palette again. Confirm to the user:

Using the palette already built in this session. Generating Sketch artifacts now.

Only rebuild the palette if the user explicitly asks to change colors, preset, or themes.

Structure-first rule

This platform skill is primarily a routing and orchestration layer.

The agent should:

identify whether the user needs swatches, shared styles, or preview first
choose the matching file in references/
normalize the palette payload for that workflow
only then translate the workflow into MCP or plugin API operations

Do not start from raw API calls. Start from the workflow structure.

Available sub-skills

references/generate-variables.md — generate or sync Sketch swatches as the variable-like layer
references/generate-styles.md — generate or sync Sketch shared layer styles
references/generate-tokens.md — orchestrate swatches, styles, and document preview together

Routing

Choose the sub-skill by user intent:

“variables”, “swatches”, “color variables” → references/generate-variables.md
“styles”, “shared styles”, “reusable fills” → references/generate-styles.md
“full Sketch setup”, “tokens”, “preview + styles + swatches” → references/generate-tokens.md

Platform API references

An agent should think in terms of the Sketch plugin/document API surface, not only the plugin wrapper:

Document color API
- document swatches
- add/remove/update swatches
Shared style API
- shared layer styles
- style fills and names
Document structure API
- pages, layers, groups, artboards
- document settings and layer settings
- create/update preview boards or sheets

MCP usage strategy

Use MCP or direct API calls as the execution layer, not as the skill structure.

The root skill chooses the workflow.
The reference file defines the expected inputs, transformations, and outputs.
MCP/API calls execute the chosen workflow.

Agent rule

The plugin bridge files are reference implementations. If the plugin action is unavailable, the agent should reproduce the same behavior directly through Sketch API requests.

Recommended subagent

Delegate this skill to palette-transitioner.

The palette-transitioner agent normalizes PaletteData into the correct row model for Sketch (swatchRows, styleRows, previewRows), then routes execution through the appropriate Sketch sub-skill.