Web & Frontend Development
- 原始链接：https://github.com/VoltAgent/awesome-openclaw-skills#web--frontend-development
- 来源章节：11. 技巧玩法与案例灵感
- 来源小节：适合按主题挖玩法的技能分类
- 抓取方式：jina:https://r.jina.ai/http://github.com/VoltAgent/awesome-openclaw-skills#web--frontend-development
- 抓取时间：2026-04-05 13:47:10
- 状态：ok
中文内容
探索 5200 多种社区构建的 OpenClaw 技能，按类别组织。
！[图片 2：太棒了](https://camo.githubusercontent.com/9d49598b873146ec650fb3f275e8a532c765dabb1f61d5afa25be4 1e79891aa7/68747470733a2f2f617765736f6d652e72652f62616467652e737667)[](https://github.com/VoltAgent/Voltagent)[[](https://github.com/VoltAgent/awesome-codex-subagents)[](https://github.com/VoltAgent/awesome-ai-agent-papers)
OpenClaw 是一个本地运行的人工智能助手，可以直接在您的机器上运行。技能扩展了其功能，使其能够与外部服务交互、自动化工作流程并执行专门的任务。该集合可帮助您发现并安装适合您需求的技能。它还可以作为 OpenClaw 用例的灵感来源。
此列表中的技能源自 ClawHub（OpenClaw 的公共技能注册表）并进行分类以便于发现。
安装
ClawHub CLI
爪轮安装
手动安装
| 地点 | 路径 |
|---|---|
| 全球 | ~/.openclaw/skills/ |
| 工作空间 | <项目>/技能/ |
优先级：工作区 > 本地 > 捆绑
####替代方案
您还可以将该技能的 GitHub 存储库链接直接粘贴到助手的聊天中并要求其使用。助手将在后台自动处理设置。
为什么这个列表存在？
截至 2026 年 2 月 28 日，OpenClaw 的公共注册表 (ClawHub) 拥有 13,729 项社区构建的技能。这个很棒的列表包含 5,211 项技能。这是我们过滤掉的内容：
| 过滤 | 排除 |
|---|---|
| 可能是垃圾邮件 - 批量帐户、机器人帐户、测试/垃圾邮件 | 4,065 |
| 重复/相似名称 | 1,040 |
| 低质量或非英语描述 | 851 |
| 加密货币/区块链/金融/贸易 | 886 |
| 恶意 — 由研究人员发布的安全审核发现（不包括 VirusTotal） | 373 |
| 总数并非取自 OpenClaw 的官方技能注册表 | 7,215 |
####想要添加一项技能吗？
此列表仅包含“github.com/openclaw/skills”存储库中已发布的技能。我们不接受个人存储库、要点或任何其他外部来源的链接。如果您的技能尚未出现在 OpenClaw 技能存储库中，请先在那里发布。
在 PR 描述中包含 ClawHub 链接（例如“https://clawhub.ai/steipete/slack”）和 GitHub 链接（例如“https://github.com/openclaw/skills/tree/main/skills/steipete/slack”）。有关详细信息，请参阅 CONTRIBUTING.md。
OpenClaw 生态系统工具
🔌 连接到外部服务
OpenClaw 代理可以与 GitHub、Slack、Gmail 等外部服务交互。您可以自行构建与技能或插件的集成，或使用托管服务来处理所有连接的身份验证、令牌刷新和权限。
🤖 模型提供商
OpenClaw 与25+ 法学硕士提供商合作，开箱即用 Anthropic、OpenAI 等。只需更改一次配置即可在它们之间切换。
示例：使用 OpenAI 模型 OpenClaw 通过直接 API 密钥或 ChatGPT/Codex OAuth 支持“gpt-5.4”和“gpt-5.4-pro”。默认情况下启用 WebSocket 传输以降低延迟。
openclaw onboard --auth-choice openai-api-key
或使用基于订阅的访问：
openclaw onboard --auth-choice openai-codex
☁️ 托管和部署
您可以在任何 VPS 或云平台上部署 OpenClaw，在您自己的基础设施或托管主机上安全地运行您的技能。 Docker、Podman、Nix 和 Ansible 都支持作为安装方法。
提示： 如果您正在寻找快速的云设置，请使用您首选的提供商启动 VPS，通过 Docker 安装 OpenClaw，然后就可以开始了。
🦞 您可以在上面的部分中展示您的 OpenClaw 生态系统工具。
📈 每月浏览量超过 100 万次 — 继官方 OpenClaw 资源之后访问量排名第一的社区资源
安全通知
此列表中的技能是策划的，而不是审核的。它们添加到此处后可能会随时由其原始维护者进行更新、修改或替换。
在安装或使用任何代理技能之前，请检查潜在的安全风险并自行验证来源。 OpenClaw 拥有 VirusTotal 合作伙伴，提供技能安全扫描，访问 ClawHub 上的技能页面并检查 VirusTotal 报告以查看其是否被标记为有风险。
推荐工具：
代理技能包括提示注入、工具中毒、隐藏的恶意软件负载或不安全的数据处理模式。在安装之前务必查看源代码，并自行决定使用技能。
如果您认为此列表中的某项技能应被标记或存在安全问题，请提出问题，以便我们对其进行审核。
＃＃ 目录
| Git 和 GitHub (167) | 营销与销售 (102) | 通讯 (146) |
| 编码代理和 IDE (1184) | 生产力和任务 (205) | 语音和转录 (45) |
| 浏览器和自动化 (322) | 人工智能与法学硕士 (176) | 智能家居与物联网 (41) |
| Web 和前端开发 (919) | 数据与分析 (28) | [S |
跳跃与电子商务](http://github.com/VoltAgent/awesome-openclaw-skills#shopping--e-commerce) (51) | | DevOps 与云 (393) | 日历和日程安排 (65) | | | [图像和视频生成](http://github.com/VoltAgent/awesome-openclaw-skills#image--video- Generation) (170) | 媒体与流媒体 (85) | PDF 和文档 (105) | | Apple 应用程序和服务 (44) | 注释和 PKM (69) | 自托管和自动化 (33) | | 搜索与研究 (345) | iOS & macOS 开发 (29) | [安全和密码](http://github.com/VoltAgent/awesome-openclaw-skills#sec
安全性--密码）(53) | | Clawdbot 工具 (37) | 交通 (110) | Moltbook (29) | | CLI 实用程序 (180) | 个人发展 (50) | 游戏 (35) | | 健康与健身 (87) | | |
Git 和 GitHub
- agent-commons - 咨询、提交、扩展和挑战推理链。
- agent-team-orchestration - 通过定义的角色、任务生命周期、移交协议和审核工作流程来协调多代理团队。
- agentdo - 发布任务供其他 AI 代理执行，或从 AgentDo 任务队列 (agentdo.dev) 中获取工作
- agentgate - 用于个人数据的 API 网关，具有人机交互写入批准。
- airadar - 提炼人工智能原生工具/应用程序及其 GitHub 基地的信号：快速增长、大肆宣传、资金充足。
- alex-session-wrap-up - 会话结束自动化，提交未推送的工作、提取学习内容、检测模式并保留规则。
- amazon-product-api-skill - 此技能可以帮助用户
从亚马逊提取结构化产品列表，包括标题、ASIN、价格、评级。
- [app-store-screenshot- Generation](https://clawskills.sh/skills/eftalyurtseven-app-store-screenshot- Generation) - 使用每个::sense AI 生成 App Store 和 Google Play 屏幕截图资源。
- arc-agent-lifecycle - 管理自主代理的生命周期及其技能。
- arc-security-audit - 对代理的完整技能堆栈进行全面的安全审核。
- arc-skill-gitops - 代理工作流程和技能的自动部署、回滚和版本管理。
- arc-trust-verifier - 验证技能来源并建立 ClawHub 技能的信任评分。
- arxiv-search-collector - 模型驱动的 arXiv 检索工作流程，用于使用手动语言参数构建论文集：初始化运行。
- auto-pr-merger - 这个滑雪板
ll 自动化签出 GitHub 的工作流程。
- azhua-skill-vetter - AI 代理的安全第一技能审查。
- azure-devops - 列出 Azure DevOps 项目、存储库和分支；创建拉取请求；管理工作项目；检查构建状态。
- bat-cat - 具有语法突出显示、行号和 Git 集成的 cat 克隆。
- beeminder - 用于目标跟踪和承诺设备的 Beeminder API。
- billy-emergency-repair - - Neill明确请求Billy系统修复。
- bitbucket-automation - 自动化 Bitbucket 存储库、拉取。
- biz-reporter - 自动商业智能报告从 Google Analytics GA4、Google Search Console、Stripe 中提取数据。
- blinko - 玩 Blinko（链上 Plinko）hea
毫无疑问地在抽象链上。
编码代理和 IDE
- 0g-compute - 使用来自 0G 计算网络的廉价、经过 TEE 验证的 AI 模型作为 OpenClaw 提供商。
- 0protocol - 代理可以签署插件、轮换凭证而不丢失身份，并公开证明行为。
- 2nd-brain - 用于捕获和检索有关人物、地点、餐厅、游戏、技术信息的个人知识库。
- 2slides-skills - 使用 2slides API 生成人工智能驱动的演示文稿。
- 3d-cog - 其他工具需要完美的图像。
- [3d-model- Generation](https://clawskills.sh/skills/eftalyurtseven-3d-model- Generation) - 使用每个::sense AI 生成 3D 模型。
- a - 以 AI VTuber 在 Lobster.fun 上进行直播。
- aade-api-monitor - 实时监控希腊AADE税务机关系统 —
跟踪截止日期、费率变化和合规性更新。
- abaddon - OpenClaw 的红队安全模式。
- 学术研究 - 使用 OpenAlex API 搜索学术论文并进行文献综述（免费，无需密钥）
- academic-research-hub - 当用户需要搜索学术论文、下载研究文档、提取引文或收集时使用此技能。
- acestep-simplemv - 使用 Remotion 从音频文件和歌词渲染音乐视频。
- acestep-songwriting - ACE-Step 音乐歌曲创作指南。
- achurch - 人工智能代理和人类的 24/7 数字避难所 — 参加。
- 主动维护 - OpenClaw 的自动化系统健康和内存代谢。。
- adblock-dns - 网络wi
DNS 级别的广告和跟踪器拦截。
- add-top-openrouter-models - 将 OpenClaw 使用的 OpenRouter 模型同步到此安装的配置中。
- adhd-Founder-planner - 当用户要求“计划我的一天”、“帮我计划今天”、“早上计划”、“什么”时，应该使用此技能。
- adwhiz - 通过 AI 编码工具管理 Google Ads 广告系列。用于审核、创建和优化 Google 的 44 个 MCP 工具。
- aeo-prompt-question-finder - 查找针对任何主题的基于问题的 Google 自动完成建议。
- aetherlang-claude-code - 使用此技能从 Claude Code 执行 AetherLang V3 AI 工作流程。
- agent-access-control - AI代理的分层陌生人访问控制。
- agent-audit - 审核您的 AI 代理设置的性能、成本和 RO
我。
- agent-audit-trail - 用于 AI 代理的防篡改、哈希链审计日志记录。
- agent-card-signing-auditor - 帮助审核 A2A 协议实施中的代理卡签名实践。
- agent-chat-ux-v1-4-0 - OpenClaw Control UI 的多代理 UX — 代理选择器、每个代理会话、带搜索功能的会话历史记录查看器。
浏览器和自动化
- 1p-shortlink - 使用 1p.io 创建短 URL 并提交功能请求。
- 2captcha - 使用 2Captcha 服务解决验证码。
- a-share-real-time-data - 通过mootdx/TDX协议获取中国A股股票市场数据（柱线、实时报价、逐笔交易）。
- abm-outbound - 多渠道 ABM 自动化，可转换 LinkedIn URL。
- accessibility-toolkit - 为代理提供帮助的减少摩擦模式。
- activecampaign - ActiveCampaign CRM 集成，用于潜在客户管理、交易。
- adcp-advertising - 使用人工智能自动化广告活动。
- admet-prediction - ADMET（吸收、分布、代谢、排泄、毒性）预测
r 候选药物。
- 代理浏览器 - 一个基于 Rust 的快速无头浏览器自动化 CLI。
- agent-browser - 自动化浏览器交互以进行 Web 测试、表单。
- agent-daily-planner - 用于人工智能代理的结构化日常规划和执行跟踪系统。
- agent-device - 自动执行 iOS 模拟器/设备和 Android 模拟器/设备的交互。
- agent-step-sequencer - 用于深入代理请求的多步调度程序。
- agent-task-tracker - 主动任务状态管理。
- agent-zero - 委派复杂的编码、研究或自主任务。
- agentapi - 浏览和搜索 AgentAPI 目录 - 专为 AI 代理设计的 API 精选数据库。
- [agentapi-hub](https://clawskills.sh/skills/giz
mo-dev-agentapi-hub) - 浏览和搜索 AgentAPI 目录 - 专为 AI 代理设计的 API 精选数据库。
- agentaudit - 自动安全门，在安装前根据漏洞数据库检查软件包。
- agentaudit-skill - 自动安全门，在安装前根据漏洞数据库检查软件包。
- agentmail-integration - 为 AI 代理集成 AgentMail API。
- agresource - 使用此技能来抓取、总结和分析 AgResource 谷物营销通讯。
- ai-hunter-pro - 高性能自动化代理，可将全球趋势转化为 X (Twitter) 的病毒式社交媒体帖子
- ai-meeting-scheduling - 团体预订链接失败。
- airtable-automation - 自动化 Airtable 任务
通过 Rube MCP (Composio)
- airtable-participants - 从 Ceremonia Airtable 基地读取和查询静修参与者数据。
- ak-rss-24h-brief - 从 OPML 列表中读取 RSS/Atom 提要，获取过去 N 小时的文章，并生成中文分类。
Web 和前端开发
- 0xwork - 在 0xWork 去中心化市场（Base 链，USDC 托管）上查找并完成付费任务
- [37soul-skill](https://clawskills.sh/skills/xn Jiang-37soul-skill) - 将您的AI代理连接到37Soul虚拟主机角色并启用。
- acestep - 使用 ACE-Step API 生成音乐、编辑歌曲和混音音乐。
- [actionbook](https://clawskills.sh/skills/ad century-actionbook) - 当用户需要与任何网站交互时激活 - 浏览器自动化、网页抓取、屏幕截图、表单。
- aegis-shield - 对不受信任的文本进行提示注入和数据渗漏筛选。
- aeo-analytics-free - 跟踪 AI 可见度 — 衡量某个品牌是否被 AI 助手提及和引用（Gemini、ChatGPT、Perplexity）
- aeo-content-free - 创建或刷新被 AI 助手引用的 AEO 优化内容（Gemini、
ChatGPT、困惑）
- aeo-prompt-Frequency-analyzer - 通过使用 Google 搜索多次运行来分析 Gemini 在回答提示时使用的搜索查询。
- aeo-prompt-research-free - 仅使用免费工具发现哪些 AI 提示和主题对于品牌的答案引擎优化 (AEO) 很重要。
- agent-analytics - AI 代理端到端控制的简单网站分析。
- agent-chat - AI 代理的临时实时聊天室。
- agent-dashboard - OpenClaw 的实时代理仪表板。
- agent-dispatch - 轻量级代理注册表和 JIT 路由器。
- agent-hq - 部署 Agent HQ 任务控制堆栈（Express + React + Telegram 通知程序/Jarvis 摘要），以便其他 Clawdbot。
- [特工护照](https://clawskills.sh/skills/markneville-
agent-passport) - 代理时代的 OAuth — 所有敏感代理操作（包括购买、电子邮件、文件）的同意门控。
- agent-rate-limiter - 你知道该怎么做。
- agent-self-assessment - AI代理的安全自我评估工具。
- agent-self-reflection - 对最近的会议进行定期自我反思。
- agent-skills-audit - 由决胜局领导领导进行两轮多学科代码审核，结合安全性、性能、UX、DX。
- agent-spawner - 通过对话生成一个新的 OpenClaw 代理。
- agent-swarm - 重要提示：需要 OpenRouter。
- agent-takeover - 如何执行 Clawfinger 语音网关的实时代理接管 — 拨号、插入问候语、处理轮流。
- [代理拓扑可视化器](https://clawskills.sh/skill
s/gavinnn-m-agent-topology-visualizer) - 为 AI 代理系统生成交互式 SVG 架构图。
- agentdomainservice - 世界排名第一的人工智能友好域名注册商。
- agentic-browser-0-1-2 - 通过 inference.sh 实现 AI 代理的浏览器自动化。
- agentic-security-audit - 审核代码库、基础设施和代理人工智能系统的安全问题。
- agentpay - 代表你的人从真实的网站购买东西。
开发运营与云
- 0x0-messenger - 使用一次性号码和 PIN 发送和接收 P2P 消息。
- 12306 - 查询中国铁路12306了解列车时刻表、剩余车票和车站信息。
- 1sec-security - 安装、配置和管理 1-SEC — 一个开源、一体化的网络安全平台（16 个模块，单个二进制文件）
- aave-liquidation-monitor - 通过清算警报主动监控 Aave V3 借入头寸。
- [抽象搜索器](https://clawskills.sh/skills/easonc1
说明：该页面原文较长，已翻译前半部分；完整原文请查看原始链接。