← All skill packs

Product & Design Skills

Skill pack
2 skills0 selected
laurenj3250-debugSkills in this pack

Create cohesive UI color systems from vibes and reference images. Use when starting a new page/component, unifying assets that feel off, or need consistent color tokens. Outputs core palette (primary, accent, background, surface, text), Tailwind config snippets, gradient suggestions, and accessibility notes.

English

Analyze multiple assets and define a unified visual style guide. Use when images don't match, assets come from different sources, or need to regenerate consistent variants. Outputs style guides with line weight, shading, color saturation rules, and unified prompt templates for image generation.

English

Includes Palette Stylist and Style Consistency Enforcer.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills2CategoryproductStars0

What’s included

Palette Stylist

Create cohesive UI color systems from vibes and reference images. Use when starting a new page/component, unifying assets that feel off, or need consistent color tokens. Outputs core palette (primary, accent, background, surface, text), Tailwind config snippets, gradient suggestions, and accessibility notes.

Style Consistency Enforcer

Analyze multiple assets and define a unified visual style guide. Use when images don't match, assets come from different sources, or need to regenerate consistent variants. Outputs style guides with line weight, shading, color saturation rules, and unified prompt templates for image generation.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Palette Stylist skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
Product & Design Skills | Agent Skills Atlas