johnalbertini14-glitch
johnalbertini14-glitch/openclaw-skills
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/johnalbertini14-glitch/openclaw-skills --skill font-awesome命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
Use this skill to create a Polymarket wallet for your agent and trade on prediction markets. Browse markets, place bets, manage positions — all without exposing private keys.
ClawSec suite manager with embedded advisory-feed monitoring, cryptographic signature verification, approval-gated malicious-skill response, and guided setup for additional security skills.
Automated daily security audits for OpenClaw agents with email reporting. Runs deep audits and sends formatted reports.
基于 SOC 职业分类
| name | Font Awesome |
| slug | font-awesome |
| version | 1.0.0 |
| homepage | https://clawic.com/skills/font-awesome |
| description | Add Font Awesome icons to web projects with CDN, npm, React, and SVG sprite methods. |
| metadata | {"clawdbot":{"emoji":"🎨","requires":{"bins":[]},"os":["linux","darwin","win32"]}} |
| changelog | Initial release with icon lookup, installation guides, and React integration. |
On first use, read setup.md silently and start naturally. Never mention setup files to the user.
User needs icons in a web project. Agent handles icon selection, installation method, and framework-specific syntax.
No persistent storage needed. Icon preferences tracked in user's main memory if requested.
| Topic | File |
|---|---|
| Setup process | setup.md |
| Memory template | memory-template.md |
Ask or infer the project setup before suggesting icons:
| Project Type | Recommended Method |
|---|---|
| Quick prototype / CDN OK | CDN Kit |
| npm/yarn project | @fortawesome/fontawesome-free |
| React/Vue/Angular | Framework package |
| Offline / no external deps | SVG sprites or individual SVGs |
CDN Kit (easiest):
<script src="https://kit.fontawesome.com/YOUR_KIT_ID.js" crossorigin="anonymous"></script>
<i class="fa-solid fa-house"></i>
npm (fontawesome-free):
npm install @fortawesome/fontawesome-free
import '@fortawesome/fontawesome-free/css/all.min.css';
<i class="fa-solid fa-user"></i>
React:
npm install @fortawesome/react-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faHouse } from '@fortawesome/free-solid-svg-icons';
<FontAwesomeIcon icon={faHouse} />
| Prefix | Style | Availability |
|---|---|---|
fa-solid / fas | Solid | Free |
fa-regular / far | Regular (outlined) | Free (limited) |
fa-brands / fab | Brand logos | Free |
fa-light / fal | Light | Pro only |
fa-thin / fat | Thin | Pro only |
fa-duotone / fad | Duotone | Pro only |
When user asks for an icon:
fa-envelope for email)Common mappings:
| Concept | Icon | Style |
|---|---|---|
| Home | fa-house | solid, regular |
| User/Profile | fa-user | solid, regular |
| Settings | fa-gear | solid |
| Search | fa-magnifying-glass | solid |
| Menu | fa-bars | solid |
| Close | fa-xmark | solid |
| Edit | fa-pen | solid |
| Delete | fa-trash | solid |
| Save | fa-floppy-disk | solid, regular |
| Download | fa-download | solid |
| Upload | fa-upload | solid |
fa-envelope | solid, regular | |
| Phone | fa-phone | solid |
| Location | fa-location-dot | solid |
| Calendar | fa-calendar | solid, regular |
| Clock | fa-clock | solid, regular |
| Check | fa-check | solid |
| Warning | fa-triangle-exclamation | solid |
| Info | fa-circle-info | solid |
| Error | fa-circle-xmark | solid |
| Success | fa-circle-check | solid |
| Arrow right | fa-arrow-right | solid |
| Chevron down | fa-chevron-down | solid |
| Plus | fa-plus | solid |
| Minus | fa-minus | solid |
| Star | fa-star | solid, regular |
| Heart | fa-heart | solid, regular |
| Cart | fa-cart-shopping | solid |
| GitHub | fa-github | brands |
| Twitter/X | fa-x-twitter | brands |
fa-linkedin | brands | |
fa-facebook | brands | |
fa-instagram | brands | |
| YouTube | fa-youtube | brands |
Size classes:
<i class="fa-solid fa-house fa-xs"></i> <!-- 0.75em -->
<i class="fa-solid fa-house fa-sm"></i> <!-- 0.875em -->
<i class="fa-solid fa-house fa-lg"></i> <!-- 1.25em -->
<i class="fa-solid fa-house fa-xl"></i> <!-- 1.5em -->
<i class="fa-solid fa-house fa-2xl"></i> <!-- 2em -->
Fixed width (for alignment in lists):
<i class="fa-solid fa-house fa-fw"></i>
Animation:
<i class="fa-solid fa-spinner fa-spin"></i>
<i class="fa-solid fa-heart fa-beat"></i>
<i class="fa-solid fa-bell fa-shake"></i>
Rotation:
<i class="fa-solid fa-arrow-right fa-rotate-90"></i>
<i class="fa-solid fa-arrow-right fa-rotate-180"></i>
<i class="fa-solid fa-arrow-right fa-flip-horizontal"></i>
Always provide accessible labels:
<!-- Decorative (hidden from screen readers) -->
<i class="fa-solid fa-house" aria-hidden="true"></i>
<!-- Meaningful (needs label) -->
<i class="fa-solid fa-trash" aria-label="Delete item"></i>
<!-- With visible text (icon is decorative) -->
<button>
<i class="fa-solid fa-save" aria-hidden="true"></i>
Save
</button>
v6 (current):
fa-solid, fa-regular, fa-brandsfa-house, fa-magnifying-glassv5 (legacy):
fas, far, fabfa-home → fa-house)If working with existing v5 code, don't force upgrade unless asked.
fa-solid vs fas) → depends on version, check projectfa-home deprecated)aria-hidden on decorative icons → screen reader noise| Endpoint | Data Sent | Purpose |
|---|---|---|
| kit.fontawesome.com | Kit ID only | Load icons via CDN |
| cdn.fontawesome.net | None | Alternative CDN |
No user data is sent. Icons loaded from public CDN.
Data that leaves your machine:
Data that stays local:
This skill does NOT:
Install with clawhub install <slug> if user confirms:
react — React development patternshtml — HTML best practicescss — CSS styling patternsclawhub star font-awesomeclawhub sync