Color

Color skills and workflows surfaced by the site skill importer.

19 skills
G
design-consultation

by garrytan

design-consultation is a design-consultation skill for turning a rough product idea into a complete design direction. It creates a DESIGN.md source of truth, previews, and system-level guidance for typography, color, spacing, layout, and motion. Best for new products and UI surfaces that need a coherent starting point.

Design Systems
Favorites 0GitHub 91.8k
W
visual-design-foundations

by wshobson

visual-design-foundations helps teams build practical UI systems with typography scales, color tokens, spacing rules, and iconography guidance. Use it to install a solid design foundation, create style guides, audit hierarchy, and produce implementation-ready CSS variables from clear design constraints.

UI Design
Favorites 0GitHub 32.6k
P
quieter

by pbakaus

quieter is a UI design refinement skill that reduces visual aggression in loud or overstimulating interfaces while preserving clarity, hierarchy, and brand intent. It works best after the parent $impeccable skill and helps teams diagnose intensity sources before making targeted changes.

UI Design
Favorites 0GitHub 20.4k
L
brandkit

by Leonxlnx

brandkit is a premium brand-kit image generation skill for branding work, including logo systems, identity decks, visual guidelines boards, and art-directed brand presentations. It is designed for cohesive, studio-style results across startups, developer tools, security, gaming, consumer apps, and luxury concepts. Use brandkit when you want a polished brand world instead of a generic AI moodboard.

Branding
Favorites 0GitHub 16.4k
L
industrial-brutalist-ui

by Leonxlnx

industrial-brutalist-ui skill for UI Design creates mechanical, high-density interfaces with Swiss-style grids, extreme type contrast, utilitarian palettes, and analog texture. Use this industrial-brutalist-ui guide for dashboards, editorial systems, and portfolio pages that need a disciplined control-panel look.

UI Design
Favorites 0GitHub 16.4k
P
colorize

by pbakaus

The colorize skill helps UI teams add strategic color to gray or flat interfaces. Learn when to use it, what context it needs, and how it fits the impeccable workflow with $frontend-design and brand-aware color decisions.

UI Design
Favorites 0GitHub 15k
P
bolder

by pbakaus

bolder helps make safe, bland UI design more distinctive without losing usability. Learn when to use the bolder skill, its required $frontend-design pre-step, and practical guidance for stronger prompts, diagnosis, and controlled visual impact.

UI Design
Favorites 0GitHub 15k
P
distill

by pbakaus

distill is a UI design skill for stripping screens, components, and flows down to their essential goal. Use it to reduce clutter, visual noise, and feature creep, but note that distill depends on /frontend-design and sometimes /teach-impeccable before use.

UI Design
Favorites 0GitHub 14.9k
P
colorize

by pbakaus

Learn how the colorize skill adds strategic color to gray or flat UI designs. This guide covers required prep with frontend-design, install context from the repository, and practical usage for hierarchy, semantics, and brand fit.

UI Design
Favorites 0GitHub 14.9k
P
bolder

by pbakaus

bolder is a UI design skill that amplifies bland or overly safe interfaces with more contrast, hierarchy, and personality. Use it after /frontend-design context gathering, or /teach-impeccable when no design context exists, to get sharper, more actionable design improvements without losing usability.

UI Design
Favorites 0GitHub 14.9k
P
quieter

by pbakaus

The quieter skill reduces visual intensity in UI Design, helping tone down loud, harsh, or overstimulating interfaces while preserving hierarchy, clarity, and brand personality. Best used after the required /frontend-design workflow in the pbakaus/impeccable repository.

UI Design
Favorites 0GitHub 14.6k
P
distill

by pbakaus

distill is a UI design simplification skill for stripping screens to their essential task. Use it to declutter interfaces, reduce noise, and clarify hierarchy. It works best after /frontend-design, with a specific screen, one primary user goal, and clear must-keep constraints.

UI Design
Favorites 0GitHub 14.6k
P
colorize

by pbakaus

The colorize skill helps teams add strategic color to gray or flat UI designs. It guides where color should appear, why it matters, and how to use it with existing brand context, hierarchy, semantic states, and tone. Best used after /frontend-design for more reliable color decisions.

UI Design
Favorites 0GitHub 14.6k
J
baoyu-cover-image

by JimLiu

baoyu-cover-image helps agents generate structured article cover-image prompts using type, palette, rendering, text, and mood. It supports 2.35:1, 16:9, and 1:1 formats, includes auto-selection rules and compatibility guidance, and fits repeatable editorial and UI Design cover workflows.

UI Design
Favorites 0GitHub 13.2k
M
infographic

by markdown-viewer

The infographic skill turns structured content into polished infographic layouts with the `infographic` DSL. Use it for KPI cards, timelines, roadmaps, step-by-step flows, A vs B comparisons, SWOTs, funnels, org trees, and simple charts. It is a strong fit for infographic for UI Design and presentation-style summaries with 4-8 items. Not ideal for complex data analysis or technical diagrams.

UI Design
Favorites 0GitHub 1.1k
L
high-end-visual-design

by Leonxlnx

high-end-visual-design is a premium UI direction skill for creating editorial, cinematic, and carefully crafted interfaces. It helps AI avoid generic layouts by guiding fonts, spacing, shadows, motion, and composition for landing pages, marketing sites, dashboards, and polished app surfaces.

UI Design
Favorites 0GitHub 0
M
minimax-pdf

by MiniMax-AI

The minimax-pdf skill helps you create, fill, or reformat polished PDFs when visual quality and document identity matter. Use it for CREATE, FILL, or REFORMAT workflows with a token-based design system that turns rough input into print-ready output. This guide covers minimax-pdf install, minimax-pdf usage, and route selection for better results.

PDF Processing
Favorites 0GitHub 0
P
teach-impeccable

by pbakaus

teach-impeccable is a one-time setup skill that scans your repo, asks only missing UX and brand questions, and saves persistent design guidance for future AI sessions.

Context Engineering
Favorites 0GitHub 0
P
quieter

by pbakaus

quieter is a UI design refinement skill that reduces visual intensity while preserving hierarchy, brand, and usability. It works best after /frontend-design and, if needed, /teach-impeccable, helping teams calm loud interfaces without a full redesign.

UI Design
Favorites 0GitHub 0
Color