组件库规范

CommunityDesign

Define states (hover/focus/disabled/loading) and sizes (sm/md/lg) for buttons, cards and forms, outputting a unified component spec with tokens.

#components#design-system#tokens

What it can do

Enumerate missing states for buttons and form controls
Standardize component sizes (sm/md/lg) and spacing
Consolidate repeated styles into design tokens
Keep components consistent across pages

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.