玻璃拟态

CommunityDesign

Use glass correctly: only where layers overlap (nav/overlays/sidebars), saturated colorful backdrop with backdrop-blur, and high-contrast foreground to avoid a muddy blur.

#glass#blur#layers

What it can do

Apply frosted glass to nav bars, overlays and sidebars
Use glass only where layers overlap, not across the whole page
Add a saturated backdrop so the blur reads as depth
Keep foreground text on glass high-contrast

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.