配色方案

CommunityDesign

Derive a full semantic palette from a brand color: accents/neutrals/status (success, warning, danger) plus light/dark, contrast-checked for WCAG.

#color#palette#contrast

What it can do

Derive a full palette from a single brand color
Fill in status colors for success, warning and error
Generate both light and dark theme variables
Validate text-vs-background contrast against WCAG

Related skills

Apple DesignCommunity

The macOS Liquid Glass aesthetic: cool grey-white ground, unified panels with hairline dividers, glass only on nav/overlays, grayscale body with a single blue accent.

#apple#liquid-glass#ui

claude plugin add naplesblue/apple-design-skillView source

Frontend DesignOfficial

Anthropic's official plugin: forces an aesthetic direction before coding, avoiding AI clichés (Inter font + purple gradients) and enforcing a unified color system.

#anthropic#frontend#aesthetic

claude plugin add anthropic/frontend-designView source

UI/UX Pro MaxCommunity

Popular community skill (62k★): 240+ styles, 127 font pairings, 99 UX guidelines, auto-matched to product type.

#ui#ux#styles

plugin marketplace 安装View source

Theme FactoryOfficial

Theme application from the official skills set: turns brand colors / design systems into CSS variables.

#theme#brand#tokens

plugin marketplace add anthropics/skillsView source

Canvas DesignOfficial

Official skill: layout-focused visual design with PNG / PDF export.