研究检索需要联网clawhub未标认证来源可访问clear审计通过

wireframe（wireframe 搜索）

Agent Skill

wireframe 用于查找、检索和筛选相关信息，适合在 OpenClaw 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

总安装

15,993

周安装

687

GitHub Stars

公开资料未说明

下载量

5,606

OpenClaw

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

请帮我安装这个 Agent Skill：wireframe（wireframe 搜索）
来源仓库：https://github.com/ckchzh/wireframe
安装命令：
openclaw skills install wireframe
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

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

ClawHubOpenClaw

openclaw skills install wireframe

简介

创建线框图和用户流程。在以 ASCII/SVG 绘制页面布局草图、映射流程或导出为 HTML 时使用。

SKILL.md

name: wireframe
description: Create wireframes and user flows. Use when sketching page layouts in ASCII/SVG, mapping flows, or exporting to HTML.
version: 3.4.0
author: BytesAgain
homepage: https://bytesagain.com
source: https://github.com/bytesagain/ai-skills
tags

Wireframe

Generate wireframes, component sketches, and user flow diagrams for UI design.

Commands

page

Generate a full-page wireframe in ASCII or SVG format.

bash scripts/script.sh page --sections "header,hero,features,cta,footer" --format svg --output wireframe.svg

component

Generate a wireframe for a single UI component (form, card, nav, table, etc).

bash scripts/script.sh component --type card --fields "image,title,text,button" --output card.svg

flow

Generate a user flow diagram showing page transitions and decision points.

bash scripts/script.sh flow --steps "login,dashboard,settings,logout" --decisions "auth:yes/no" --output flow.svg

annotate

Add numbered annotations and notes to an existing SVG wireframe.

bash scripts/script.sh annotate --input wireframe.svg --notes "1:Logo area,2:Search bar,3:Main content" --output annotated.svg

export

Export a wireframe to standalone HTML with inline styles.

bash scripts/script.sh export --input wireframe.svg --format html --output wireframe.html

template

Generate a wireframe from a built-in page template (landing, dashboard, blog, ecommerce, etc).

bash scripts/script.sh template --name landing --format ascii

Output

page: ASCII wireframe to stdout or SVG file to disk
component: SVG file with component wireframe
flow: SVG flowchart with boxes and arrows
annotate: SVG file with annotation markers and legend
export: Standalone HTML file with embedded wireframe
template: Wireframe output in chosen format

Requirements

bash 4+

Feedback

https://bytesagain.com/feedback/

适合场景

OpenClaw 用户查找和安装 Skill 时

用户想查找某类 Agent Skill 时

需要根据任务场景推荐可安装能力包时

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

OpenClaw

70.68%

按下载量换算3,962

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API；具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源，正式发布前建议补源仓库或其他目录站核验。

来源信息

GitHub 仓库

github.com

/ckchzh/wireframe

SKILL.md 来源

clawhub.ai

/ckchzh/wireframe

继续浏览同类 Skills

更多研究检索 Skills（73,675）返回 Skills 目录

上一个 Skill

wired（wired 搜索）

wired 用于查找、检索和筛选相关信息，适合在 OpenClaw 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

下一个 Skill

wireframe（wireframe 搜索）

wireframe 用于查找、检索和筛选相关信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。