暗色模式设计

CommunityDesign

Convert a light theme to dark correctly: no pure-black ground, desaturated surfaces, no pure-white text, with re-tuned contrast and glow.

#dark#theme#contrast

What it can do

  • Convert a light theme into an eye-friendly dark theme
  • Replace pure black backgrounds with desaturated surfaces
  • Avoid large blocks of pure white text and re-check contrast
  • Keep brand colors readable on dark surfaces

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

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 application from the official skills set: turns brand colors / design systems into CSS variables.

#theme#brand#tokens
plugin marketplace add anthropics/skillsView source

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

#layout#visual#export
plugin marketplace add anthropics/skillsView source
Power DesignCommunity

Community skill: 20 digital-design rules (usability, WCAG, readability thresholds) auto-applied to pages.

#rules#wcag#typography
.claude/skillsView source