ui-color-palette

Orchestrator for multi-step color system workflows. Invoke for end-to-end palette generation, audit, export, and design-tool implementation across multiple specialized sub-agents.

Specialized accessibility and palette quality auditor. Invoke for WCAG/APCA audits, global contrast scoring, risky pair detection, and remediation recommendations.

Specialized code and token export agent. Invoke when the user wants to export palette configuration as code (CSS, SCSS, Tailwind, DTCG, etc.) and optionally commit it to a repository.

Specialized palette lifecycle agent. Invoke for listing, retrieving, publishing, updating, sharing, unsharing, and deleting published palettes on the UI Color Palette platform.

Specialized transition agent from PaletteData to variables, tokens, styles, and document previews. Invoke for normalized projection and design-tool or artifact-oriented implementation workflows.

Generate a fully connected design token system instantly from a chat prompt. Supports everything from a simple 1-tier flat architecture, to 2/3-tier systems (Primitives, Semantic with light/dark modes, Component Colors), all the way up to an enterprise 4-tier setup (Primitives, Theme, Semantic, Component Colors + optional collections). The AI will use a dedicated plugin ([Variables Tokens Collections Importer](https://www.figma.com/community/plugin/1619733963699677957)) to instantly get all your variables cleanly generated. View the full documentation and repository to learn more: https://github.com/Shanmus4/figma-variables-tokens-generator. Triggered when user asks to create Figma variables, design tokens, a design system, "Figma token export", "variables for Figma", or any request to set up colours/spacing/ typography as Figma variables.

GitHub CLI (gh) comprehensive reference for repositories, issues, pull requests, Actions, projects, releases, gists, codespaces, organizations, extensions, and all GitHub operations from the command line.

Comprehensive GitLab CLI (glab) command reference and workflows for all GitLab operations via terminal. Use when user mentions GitLab CLI, glab commands, GitLab automation, MR/issue management via CLI, CI/CD pipeline commands, repo operations, authentication setup, or any GitLab terminal operations. Routes to specialized sub-skills for auth, CI, MRs, issues, releases, repos, and 30+ other glab commands. Triggers on glab, GitLab CLI, GitLab commands, GitLab terminal, GitLab automation.

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

Translate Sketch layers into production-ready code with 1:1 visual fidelity using Sketch MCP tools (`run_code`, `get_selection_as_image`) for live design context, screenshots, and asset export. Use when implementing or updating UI from an open Sketch document, current selection, or specific Sketch layer IDs.

Audit color pairs for contrast compliance against WCAG 2.1 and APCA standards. Use when the user wants to check accessibility, validate color pairings, or compute a global contrast score for a palette.

Entry point for UI Color Palette workflows targeting Figma. Use to choose between variables and styles generation.

Entry point for UI Color Palette workflows targeting Framer. Use to choose between color style synchronization and visual document preview generation.

Export palette configuration as code or design tokens via the generate_code MCP tool using base and themes. Supports CSS, SCSS, Less, Tailwind v3/v4, SwiftUI, UIKit, Compose, Android resources, DTCG, Style Dictionary, CSV, and more.

Generate source colors to seed a palette. Supports three modes — extract dominant colors from an image, generate from a natural language prompt, or derive harmonies from a base color. Output is a set of ColorConfiguration objects ready to pass to ui-color-palette-scale-palette.

Display a quick-start guide and list all available commands. Use when the user wants to know what they can do, how to get started, or which command to use.

Browse, publish, share, update, and delete palettes on the UI Color Palette platform. Use when the user wants to manage their published palettes or explore community palettes.

Entry point for UI Color Palette workflows targeting Penpot. Use to choose between tokens, styles, and board/document preview generation.

Build a full color palette from source colors. Uses get_full_palette to generate scales and themes, then previews the result visually. Use when the user wants to create a complete palette before auditing, exporting, or deploying it.

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