dsh-skin-studio
在终端中运行以下命令:
dsh plugin install LeemanCheung/dsh-skin-studio
将以下提示词粘贴到 DeepSeek Harness 对话框中:
要在 DeepSeek Harness 中安装此插件,请运行安装命令:dsh plugin install LeemanCheung/dsh-skin-studio。该插件是一个本地优先的 DSH 皮肤工作室,允许你从图片提取色彩并生成语义化主题。其源代码位于 https://github.com/LeemanCheung/dsh-skin-studio。
插件介绍
在 DSH Web 开发中,手动管理语义化主题令牌既繁琐又容易出错。dsh-skin-studio 专为解决这一痛点而生,它是一个本地优先的皮肤工作室,允许开发者直接从 PNG、JPEG 或 WebP 图片中提取调色板,并生成语义化的 `--dsw-alias-*` 主题配置。该插件提供了直观的响应式编辑器,支持双光/暗模式预览、撤销/重做操作以及针对特定令牌的锁定功能,确保关键设计元素不被意外修改。此外,它内置了 WCAG AA 合规性审计工具,能够自动检查正文、次要文本和品牌按钮的对比度,帮助开发者快速优化无障碍体验。
这款工具非常适合前端开发人员、UI/UX 设计师以及需要深度定制 DSH Web 应用视觉风格的技术人员。它不仅支持导出标准的 `.dshskin` JSON 文件,还具备严格的数据安全机制,确保导入的数据不会执行恶意脚本。通过提供本地化、安全且高效的主题管理方案,dsh-skin-studio 让主题设计变得更加可控和可复用。
截图预览
使用场景
- 从设计图快速提取色彩生成主题
- 检查界面元素的对比度是否符合标准
- 管理和导出 DSH 项目的语义化主题
适合人员
- 需要定制 DSH Web 应用视觉风格的前端工程师
- 关注无障碍体验和色彩规范的设计师
- 负责 DSH 项目主题维护和迭代的技术人员