Web Skills for OpenClaw Agents

Web 开发 · CloudBase Web Development

@binggg

Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.

web-browser

@drumrobot

Environment-aware browser operations. Detects wmux/cmux/tmux and routes to the right backend (wmux/cmux panel → user-visible, plain → Playwright MCP, chrome-devtools → reuse the user's real logged-in session). Topics: ui-test - snapshots, click/fill/verify, closed shadow DOM cascade diagnosis (cdp-trace) [ui-test.md, cdp-trace.md]. credential-issue - open service login via detected backend → wait for user sign-in → issue OR refresh an access key / token / secret / OAuth scope → hand off to follow-up automation (aws-cli, gh secret set, gh auth refresh, etc.) [credential-issue.md]. Covers both new issuance and existing-token scope expansion (PAT scope add, OAuth re-authorize, device-code). Use for: "UI check", "browser test", "screen verify", "Playwright test", "shadow DOM cascade", "::part not working", "CDP trace", "issue token", "service credential", "open login screen", "PAT refresh", "scope expansion", "device-code auth", "browser device-code".

HTML Coder

@jhauga

Expert HTML development skill for building web pages, forms, and interactive content. Use when creating HTML documents, structuring web content, implementing...

CTF Web & Reverse Audit

@yxy050208

Web攻击与逆向审计助手：HTTP应用漏洞（SQLi/SSRF/SSTI/XXE/JWT/文件上传）利用，以及 Ghidra 无头反汇编与 semgrep 源码审计。遇到 web 题、源码审计、逆向分析、JWT、注入类题目时使用。

爬虫网页

@thcjp

使用Python和Scrapling通过简单选择器自动抓取网页内容，支持数据提取和信息收集，适合自动化工作流和研究分析。

网页抓取引擎

@thcjp

基于Firecrawl/Playwright/Crawl4AI实现全流程网页数据采集，支持关键词搜索、结构化提取、多步交互及批量爬取，输出多格式数据。

免费网页搜索工具

@thcjp

轻量级联网搜索工具，支持 Bing 与 DuckDuckGo 双引擎自动路由，中文环境优化，适合个人日常信息检索。Use when 需要SEO优化、关键词分析、排名提升、搜索流量优化时使用。不适用于黑帽SEO手段。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互，无需复杂配置即开即用。输出结果可直接使用，减少二次加工成本。

网页浏览助手免费版

@thcjp

网页浏览助手免费版,面向个人用户提供基础的网页浏览和信息提取能力。支持网站访问、内容总结、URL 内容提取、网络搜索等核心功能。Use when 需要SEO优化、关键词分析、排名提升、搜索流量优化时使用。不适用于黑帽SEO手段。Use when 需要SEO优化、关键词分析、排名提升、搜索流量优化时使用。不适用于黑帽SEO手段.

网页抓取工具免费版

@thcjp

网页抓取工具免费版为个人用户提供轻量级的网页内容抓取与提取能力. 核心能力: - 网页纯文本抓取 - CSS选择器精准提取 - 抓取结果保存文件 - 多种输出格式 适用场景: - 单页内容快速提取 - 文章正文抓取归档 - 数据字段精准提取 差异化:免费版聚焦核心抓取与选择器提取流程,基于Scrapling实现轻量部署,适合个人用户快速抓取网页内容,无需复杂配置. 适用关键词: 网页抓取, scrape, 爬虫, CSS选择器, 内容提取, Scrapling, Python

Moli CDP Server

@lexmount

Start Moli and connect CDP automation clients

网页内容获取免费版

@thcjp

免费版轻量级网页内容抓取工具，支持三种降级服务自动获取Markdown格式，适合个人开发和Cloudflare保护站点处理。

Content Management Systems

@jhauga

Workflow for building and modifying content management systems across WordPress, Shopify, Wix, Squarespace, Drupal, WooCommerce, Joomla, HubSpot CMS Hub, Web...

网页爬取工具

@thcjp

专业的Discord归档查询和同步工具，支持频道消息搜索、私信查看、增量同步及SQL统计分析。

HTML CSS Style Color Guide

@jhauga

Color usage guidelines and styling rules for HTML and CSS elements to ensure accessible, professional designs. Use when creating or updating HTML/CSS styles,...

Moli Web Fetch

@lexmount

Fetch, inspect, crawl, and capture live, JavaScript-rendered websites with Moli. Use when Codex needs current web content, web research, fact lookup, link following, a bounded crawl, client-rendered or response-gated content, network diagnostics, or a standalone HTML, Markdown, JSON, semantic-tree,

Web漏洞评估(免费版)

@thcjp

基于OWASP Top 10:2021标准，覆盖19类漏洞及100+检查项，支持多技术栈，提供安全检查清单与修复建议，生成按严重度排序的评估报告。

Web构件工作室

@thcjp

Web交互式工件制作工具，提供数据仪表盘，表单工作流，单页应用与交互式演示构建功能。支持组件展示，状态管理，路由配置与技术选型。适用于产品原型验证，数据可视化展示，内部工具开发等前端工件生产场景。涵盖项目搭建，交付模式选择，TypeScript类型安全等工程化能力。内置React 18与shadcn/ui组件库，含Tailwind样式，响应式布局，无障碍适配。

自主学习助手免费版

@thcjp

自主学习助手免费版,面向个人用户提供 AI 自主上网搜索和学习的能力。支持 Web 搜索、网页抓取、浏览器交互等多种信息获取方式。Use when 需要AI模型调用、智能对话、Agent编排、LLM应用时使用。不适用于需要100%确定性的关键决策。Use when 需要AI模型调用、智能对话、Agent编排、LLM应用时使用。不适用于需要100%确定性的关键决策.

Create Web Form

@jhauga

Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processin...

Web Search, Web Scraping, Crawl, Reddit, YouTube & App Research API

@replynodes-ai

Perform read-only web research and public data retrieval via API, including web search, site scraping, crawling, brand info, and social media data access.

open-vercel

@ruchir17-cmd

Open Vercel in the user's Brave browser and take the user to the Vercel homepage or dashboard when an authenticated session is available. Reuse an existing Vercel tab/session when possible. Use when the user asks to open, visit, or go to Open Vercel.

oxypages-publish

@oxypages

Publish a static website (HTML, CSS, JS, images, or a ZIP) to OxyPages and hand the user a live HTTPS link. Works with no account for a 30-minute unclaimed link, or with an OxyPages API key for a permanent site the user owns.

Recursive Find

@grtwrn

Search a site starting from a given page and recursively find pages mentioning a query, returning only matches with context snippets.

immersive-web-experience

@cbbathaglini

Conceive, build, or review cinematic and spatial web experiences organized as connected scenes, using GSAP as the default motion layer and Three.js/WebGL only when real 3D or shader rendering materially improves the concept. Use for immersive landing pages, portfolios, launches, editorials, interact

Search and call websites through Unbrowse's hosted API or remote MCP, reuse indexed site tools, read pages, and learn missing routes in its cloud browser. Use for structured website tasks, authenticated site access, and live canvas planning with Unbrowse.