xby-iconify-icon
在终端中运行以下命令:
dsh plugin install xby-skill/xby-iconify-icon
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 对话框中运行 dsh plugin install xby-skill/xby-iconify-icon 即可安装该插件,插件源码仓库地址为 https://github.com/xby-skill/xby-iconify-icon 。
插件介绍
写前端时最磨人的小事之一,就是去找图标:打开 Iconify 网站,在 200 多个图标集里翻来翻去,找到合适的再复制 SVG,还得自己拼 React、Vue 或 Svelte 的组件代码。xby-iconify-icon 把这些步骤拉进了对话框——它把 Iconify 超过 20 万枚开源矢量图标封装为一组 MCP 工具,让 DeepSeek Harness 的聊天窗口同时变成图标浏览器和代码生成器。\n\n核心能力围绕五个工具展开:get_all_icon_sets 列出全部 200+ 图标集及其名称、图标总数、作者、许可证等元数据;get_icon_set 按前缀(如 mdi、fa、bi)展开某一集合的全部图标;search_icons 支持跨集合或限定集合的关键词检索;get_icon_data 给出具体图标的数据,并附带 React、Vue、Svelte 等主流框架的即用示例代码;set_xby_apikey 则在首次使用时完成密钥配置,自动持久化,重启后无需重复设置。整个流程不需要离开当前对话,也不需要手动打开浏览器。\n\n它特别适合前端开发者、需要快速搭建原型的设计工程师,以及任何在对话中频繁引用图标的场景——比如让 AI 帮你写一个带图标的侧边栏,或者批量检查设计规范里该用哪套图标集,都能直接问、直接拿代码,省掉在文档和代码编辑器之间反复切换的时间。
使用场景
- 在对话中按关键词搜索图标并直接获取 SVG 数据
- 为 React、Vue 或 Svelte 项目一键生成图标组件代码
- 浏览 Iconify 全部图标集并对比不同集合的风格与授权
适合人员
- 频繁引用图标的 Web 前端开发者
- 需要快速搭原型的设计工程师
- 在 AI 对话中引用图标资源的独立开发者