图标设计

社区设计

在统一网格上生成 SVG 图标集：一致的线宽、圆角、端点与描边对齐，保证整套图标风格统一。

#icon#svg#set

能做什么

  • 给应用统一画一整套 SVG 图标
  • 让图标线宽/圆角与整体 UI 保持一致
  • 快速补齐功能入口的配套图标
  • 按统一网格重画风格混杂的旧图标

相关技能

Apple Design社区

Apple 液态玻璃设计规范：冷灰白地 + 统一面板 + 发丝分割线，玻璃只用于导航/浮层，正文黑白灰 + 一个蓝色强调。

#apple#liquid-glass#ui
claude plugin add naplesblue/apple-design-skill查看来源
Frontend Design官方

Anthropic 官方插件：写码前强制确定美学方向，规避 AI 默认套路（Inter 字体 + 紫色渐变），要求统一色彩系统。

#anthropic#frontend#aesthetic
claude plugin add anthropic/frontend-design查看来源
UI/UX Pro Max社区

62k★ 社区热门：240+ 样式、127 组字体搭配、99 条 UX 准则，自动匹配产品类型。

#ui#ux#styles
plugin marketplace 安装查看来源
Theme Factory官方

官方 skills 集合中的主题应用：把品牌色/设计系统一键应用为 CSS 变量。

#theme#brand#tokens
plugin marketplace add anthropics/skills查看来源
Canvas Design官方

官方 skills：布局型视觉设计，导出 PNG / PDF。

#layout#visual#export
plugin marketplace add anthropics/skills查看来源
Power Design社区

社区 skill：20 条数字化设计规则（可用性 / WCAG / 可读性阈值），自动应用到页面。

#rules#wcag#typography
.claude/skills查看来源