better-icons
为AI编程助手提供海量图标搜索与获取的MCP服务器/CLI工具。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：better-icons。 它的用途是：为AI编程助手提供海量图标搜索与获取的MCP服务器/CLI工具。 完整的 Skill 内容见：https://321skill.com/skills/better-icons/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为导航栏搜索一个‘主页’图标，用Lucide风格的。”，它会调用`search_icons`工具返回匹配结果。然后你说：“把第一个图标以24px大小、颜色#333插入到当前组件的icons.tsx文件中。”，它会使用`get_icon`工具获取SVG代码并直接写入你的指定文件。
介绍
Better Icons 旨在解决AI辅助编程中图标处理的痛点。AI模型在生成代码时，常常难以知晓可用的图标库、生成正确的SVG代码、保持风格一致，并且内联SVG会消耗大量上下文令牌。该工具通过提供统一的图标接口，让AI能准确、高效地使用图标。
使用方式非常灵活。对于AI代理（如Cursor、Claude Code），可以将其配置为MCP服务器，AI便能在对话中直接调用图标搜索和获取工具。对于开发者个人，也可以将其作为独立的CLI工具，在终端中直接搜索和下载图标，支持JSON输出以便脚本集成。
它非常适合前端开发者、全栈工程师以及任何在AI辅助下进行界面开发的用户。无论是使用Cursor、Claude Code等AI编程助手，还是习惯命令行工作流的开发者，都能从中受益，显著提升涉及图标工作的开发效率。
与同类图标工具或简单的图标网站不同，Better Icons的核心优势在于其与AI工作流的深度集成。它不仅仅是图标搜索引擎，更是一个“AI感知”的工具，能记住用户常用的图标集、将图标直接写入项目文件（而非粘贴SVG代码到聊天窗口以节省令牌），并支持跨框架（React, Vue, Svelte等）导出，真正实现了图标使用流程的自动化。
核心特点
深度集成AI编程助手（MCP协议），能直接将图标写入项目文件，避免在聊天中粘贴冗长SVG代码以节省令牌；具备“自动学习”能力，能根据用户使用习惯优先推荐相关图标集。
注意事项
主要服务于代码开发场景，不适合需要复杂图形设计或图标深度编辑的用户。
常见问题
Better Icons 支持哪些AI编程工具？
支持 Cursor、Claude Code、OpenCode、Windsurf、VS Code Copilot 和 Google Antigravity。
它和普通的图标网站有什么区别？
它专为AI辅助编程优化，能通过MCP协议被AI直接调用，并可将图标代码直接写入你的项目文件，节省操作和上下文令牌。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/better-icons/raw/index.md 读取 better-icons 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/better-icons/raw/index.md（查看排版版本）