Token导航 LogoToken导航

Agent Skill · 开发

clawvisual-mcp(clawvisual MCP 浏览器)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

clawvisual-mcp 是开发类 Agent Skill,可用宿主为 OpenClaw,通过ClawHub获取,权限为调用外部服务;许可证为 MIT-0,第三方扫描有提醒项,按安装量在开发类的 21,746 个 Skill 里排第 11,960。

总安装 1,503周安装 62GitHub Stars 1下载 491核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT-0
版本
1.0.0

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:clawvisual-mcp(clawvisual MCP 浏览器)
来源仓库:https://github.com/suinia/clawvisual-mcp
安装命令:
openclaw skills install clawvisual-mcp
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install clawvisual-mcp

这个 Skill 是做什么的

开发类 Skill 面向写代码、改代码和排查问题,一般会读写仓库文件,部分还会执行构建或测试命令。

clawvisual-mcp 用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。适用于通过 MCP 浏览器端点将 URL 或文本转为社交轮播图等开发场景。使用时需结合品牌规范与设计系统,避免仅堆砌装饰元素;涉及页面改动应通过截图或浏览器预览验证效果。

安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写操作。该技能专为 OpenClaw 宿主设计,便于在内容创作流程中嵌入可视化能力。

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 OpenClaw;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 openclaw skills install clawvisual-mcp;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要调用外部服务,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

clawvisual-mcp 怎么安装?

在终端执行 openclaw skills install clawvisual-mcp。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

clawvisual-mcp 支持哪些 AI 工具?

公开资料标注支持 OpenClaw。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

clawvisual-mcp 需要什么权限?

权限级别是调用外部服务。该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

clawvisual-mcp 是免费的吗?

来源标注的许可证是 MIT-0。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

clawvisual-mcp 用的人多吗?

公开数据是累计安装 1,503 次,近一周安装 62 次,下载 491 次,GitHub 1 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

clawvisual-mcp 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 OpenClaw 一种宿主,触发方式和使用习惯不用来回切换。
  • 许可证明确为 MIT-0,商用和分发边界好判断。

先想清楚的地方

  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 OpenClaw,想直接扩展它能力的人。
  • 需要处理开发类任务、又不想每次都手写提示词的人。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

开发类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
skill-vetter

技能审查员 · OpenClaw

8,779,018986操作浏览器MIT-0通过
ontology

本体论 · OpenClaw

6,636,960576只读MIT-0通过
entra-app-registration

内部应用程序注册 · Codex、Claude

6,631,872764接触敏感数据未明确通过
entra-app-registration

内部应用程序注册 · Codex、Claude

3,757,680201接触敏感数据未明确通过
nano-banana-pro

纳米香蕉专业版 · OpenClaw

3,526,898364接触敏感数据MIT-0有提醒
clawvisual-mcp

clawvisual MCP 浏览器 · 本页

1,5031调用外部服务MIT-0有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
clawvisual
description
URL or long-form text to social carousel generator via local CLI + MCP endpoint.
metadata
{"clawdbot":{"emoji":"🖼️","requires":{"bins":["clawvisual"]},"install":[{"id":"npm","kind":"npm","package":"clawvisual","bins":["clawvisual"],"label":"Install clawvisual (npm)"}]}}

clawvisual

Use clawvisual as a callable skill for agent workflows. It can auto-start a local web/MCP service and expose stable CLI commands for generation and job polling.

Quick start

npm install -g clawvisual
clawvisual set CLAWVISUAL_LLM_API_KEY "your_openrouter_key"
clawvisual initialize
clawvisual convert --input "https://example.com/article" --slides auto
clawvisual status --job <job_id>

For local repo usage, you can also run:

npm run skill:clawvisual -- initialize

What it does

  • Convert URL or direct long-form text into social carousel output.
  • Provide job-based async workflow (convert -> status --job).
  • Support revision operations (revise, regenerate-cover).
  • Expose MCP JSON-RPC tools for OpenClaw and other agent runtimes.

Commands

  • clawvisual initialize: probe/start local service and print Web URL.
  • clawvisual status: check service identity (must be clawvisual-mcp).
  • clawvisual tools: list MCP tools.
  • clawvisual convert --input <text_or_url> [--slides auto|1-8] [--ratio 4:5|1:1|9:16|16:9] [--lang <code>]
  • clawvisual status --job <job_id>: query job state and result.
  • clawvisual revise --job <job_id> --instruction <text> [--intent rewrite_copy_style|regenerate_cover|regenerate_slides]
  • clawvisual regenerate-cover (--job <job_id> [--instruction <text>] | --prompt <text>) [--ratio 4:5|1:1|9:16|16:9]
  • clawvisual call --name <tool_name> --args <json>: raw tool invocation.

Config

Optional local config file:

  • ~/.clawvisual/config.json

Manage config with CLI:

clawvisual set CLAWVISUAL_LLM_API_KEY "your_key"
clawvisual get CLAWVISUAL_LLM_API_KEY
clawvisual config
clawvisual unset CLAWVISUAL_LLM_API_KEY

Supported keys:

  • CLAWVISUAL_LLM_API_KEY (alias: LLM_API_KEY)
  • CLAWVISUAL_LLM_API_URL (alias: LLM_API_URL)
  • CLAWVISUAL_LLM_MODEL (alias: LLM_MODEL)
  • CLAWVISUAL_MCP_URL (alias: MCP_URL)
  • CLAWVISUAL_API_KEY

When auto-starting local service, CLAWVISUAL_LLM_* values are mapped to runtime LLM_* envs.

Workflow pattern

  1. initialize
  2. convert
  3. Poll status --job <job_id> until completion
  4. Optional revise / regenerate-cover
  5. Poll revised job with status --job

Output contract

All commands return JSON to stdout for deterministic parsing by upstream agents.

适合场景

01

调用多模型

02

代码和文本生成

03

Agent 推理流程

04

OpenRouter 模型接入

能力概览

能力 1

统一调用多种 LLM

能力 2

支持 Claude、Gemini、Kimi 等模型

能力 3

适合聊天、代码和推理任务

能力 4

可作为 Agent 模型调用入口

平台分布

OpenClaw

76.09%
按下载量换算374

安全审计

VirusTotal

可疑

ClawScan

通过

Static analysis

可疑

权限和风险

调用外部服务

该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills