菜单
Instructions for AI agents to search, select, and render Reicon vector icons across React, Vue, Svelte, React Native, and HTML/SVG formats.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/dqev/reicon --skill reicon-icon-integration命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | reicon-icon-integration |
| description | Instructions for AI agents to search, select, and render Reicon vector icons across React, Vue, Svelte, React Native, and HTML/SVG formats. |
| version | 1.0.0 |
| author | Dev Chauhan <hello@reicon.dev> |
| homepage | https://reicon.dev |
When assisting a user with UI icons, design systems, or component building, follow these rules to search, install, and render Reicon icons.
reicon-react, reicon-vue, reicon-svelte, reicon-react-native, reicon, or web component).arrow-up-right, shield-check) to PascalCase for component imports (e.g. ArrowUpRight, ShieldCheck)."Outline" (default, 1.5px stroke) or "Filled". PascalCase in JS/TS components, lowercase ("outline", "filled") in web component HTML attributes.reicon-react)npm install reicon-react
import { Home, Search, ShieldCheck } from 'reicon-react';
<Home size={24} weight="Outline" color="currentColor" />
<ShieldCheck size={32} weight="Filled" color="#d97757" />
reicon-vue)npm install reicon-vue
<script setup>
import { Home, Search } from 'reicon-vue';
</script>
<template>
<Home :size="24" weight="Outline" color="currentColor" />
</template>
reicon-svelte)npm install reicon-svelte
<script>
import { Home } from 'reicon-svelte';
</script>
<Home size={24} weight="Outline" color="currentColor" />
reicon-react-native)npm install reicon-react-native react-native-svg
import { Home } from 'reicon-react-native';
<Home size={24} color="#000000" weight="Outline" />
<script src="https://unpkg.com/reicon/cdn/reicon.js"></script>
<re-icon icon="home" weight="outline" size="24" color="currentColor"></re-icon>
For automatic icon search, code generation, and direct SVG extraction:
npx reicon-mcp search "shopping cart"
npx reicon-mcp apply heart --framework react --size 24