skills.rest
a-ng-d
a-ng-dCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-color-palette-generate-source-colors

Generate source colors for UI palettes from images, prompts, or harmonies.

1|Updated Apr 18, 2026
Search Tags:#ui-design#colors#generate#design-system#palette#color-harmony#contrast-auditing
One-click install
npx skills add https://github.com/a-ng-d/claude-ui-color-palette --skill ui-color-palette-generate-source-colors
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-color-palette-generate-source-colors
Source: https://github.com/a-ng-d/claude-ui-color-palette/tree/main/skills/ui-color-palette-generate-source-colors
Command: npx skills add https://github.com/a-ng-d/claude-ui-color-palette --skill ui-color-palette-generate-source-colors

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates source colors to seed a palette for UI design, enabling quick creation of cohesive color systems from images, prompts, or harmonies.

Core Features & Use Cases

  • Image-based color extraction to derive dominant colors from publicly accessible images.
  • Prompt-driven color generation to define mood, brand, or context.
  • Harmony derivation to produce consistent color systems from a base color.

Quick Start

Describe the palette you want and choose a mode (image, prompt, or harmony) to generate source colors.

Frequently Asked Questions about ui-color-palette-generate-source-colors

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a UI color palette from an image?▼

To generate a UI color palette from an image, select the image mode to extract dominant colors from publicly accessible images. The Skill outputs ColorConfiguration objects with defaults to seed your design system.

What is color harmony derivation for UI design?▼

Color harmony derivation for UI design generates a consistent color system from a single base color using harmony mode. It outputs cohesive source colors stored as ColorConfiguration objects for design system reuse.

Can I generate source colors for a design system using a text prompt?▼

Yes, you can generate source colors for a design system using a text prompt by selecting prompt mode. This defines your brand mood and context, outputting ColorConfiguration objects to seed your UI palette.

Does this color palette generator output reusable color configurations?▼

Yes, the color palette generator outputs ColorConfiguration objects with defaults and stores the result for reuse. This ensures your generated primary, neutral, and accent colors remain consistent across your branding and app design.

What do I need to create cohesive primary, neutral, and accent colors for branding?▼

To create cohesive primary, neutral, and accent colors for branding, select one of three modes: image, prompt, or harmony. The generator then outputs ColorConfiguration objects with defaults to seed your UI palette.

Related Skills

Explore More Design & Creative Skills→
mrhinklemrhinkle
10

brand-to-images

Convert brand guidelines into image prompts organized by page and section.

Community
Advanced
jacob-balslevjacob-balslev
1

color-system-design

Construct accessible color palettes and semantic tokens for light and dark themes.

Community
Advanced
NweremizuNweremizu

colorize

Apply a single OKLCH accent color to primary UI elements.

Community
Intermediate
ilanf23ilanf23
1

color-system

Generate accessible color palettes with semantic mapping and WCAG contrast compliance.

Community
Intermediate