关于 solar-duotone-bold
使用 Iconify Solar Duotone Bold 构建风格统一图标的 UI 设计 Skill，强调尺寸一致、双色调透明度的有意运用，以及为控件和导航配上清晰标签。
主要功能
- 01默认使用 Iconify Solar Duotone Bold
- 02统一图标尺寸
- 03有意设置双色调透明度
- 04图标配合文字标签
- 05保持图标系列统一
适用场景
- 01设计导航控件样式
- 02构建功能卡片图标组
- 03让不熟悉的操作更清晰
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/solar-duotone-bold确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
demo/index.htmlPROMPT.mdsource.json详细介绍
Solar Duotone Bold 技能
使用场景
- UI 需要风格统一、比通用轮廓图标更丰富的图标。
工作流
- 默认使用 Iconify Solar Duotone Bold 作为图标系列。
- 在同一组件组中保持图标尺寸一致。
- 为导航、控件和功能卡片搭配清晰的标签。
- 合理运用双色调的不透明度，让次要填充色衬托主体字形。
- 根据周围界面的对比度调整描边、填充和颜色处理方式。
注意事项
- 不要在同一控件组中混用 Solar Duotone Bold 和不相关的轮廓图标系列。
- 对于不熟悉的操作，不要只依赖图标。
评论
支持 Markdown