Excalidraw Wireframe Creator

用 Excalidraw 风格的手绘视觉创建 HTML wireframe，适合快速讨论界面布局。

候选html

Excalidraw Wireframe Creator 预览

Excalidraw Wireframe Creator

为什么收录

用 Excalidraw 风格的手绘视觉创建 HTML wireframe，适合快速讨论界面布局。

适合场景

低保真 UI wireframe
产品布局讨论
HTML mockup

评估笔记

优点：Marketplace 页面把它描述为“Excalidraw 风格的 HTML wireframe”而不是原生 .excalidraw。
短板：上游 repo 可访问，但对应 skill 的源码路径在本次检查中未直接定位到。
待确认：是否要把上游示例、脚本或模板纳入更深的对比评测。

产物

示例：examples/dashboard-wireframe.html
预览：screenshots/dashboard-wireframe-preview.svg

维护

最近检查：2026-04-26
下一步：继续跟踪上游版本、许可和示例演进。

产物

名称	类型	说明
dashboard-wireframe.html	html	自制的低保真 dashboard wireframe HTML 示例。
dashboard-wireframe-preview.svg	svg	手绘感 HTML wireframe 预览。

示例

Excalidraw Wireframe Creator 示例效果图

dashboard-wireframe.html

html

提示词

生成一个白板式、低保真的 HTML wireframe。

包含浏览器外框、便签、粗糙虚线块和明显还在讨论中的信息架构布局。

不要做成 polished dashboard，而要像评审室里的草稿。

生成环境

运行环境: Codex desktop
模型: GPT-5 系列（Codex 默认；当前任务环境未暴露精确 alias）
上下文: 独立子 agent，使用干净上下文
生成时间: 2026-04-26
备注: 示例由独立子 agent 在干净上下文中生成，用于体现这个 skill 的代表性设计效果。