关于 wireframe-sketch
用于白板或草稿阶段界面探索的手绘线框模板。它采用方格纸背景、变体标签、涂鸦式图表占位和便签注释,营造未完成的草图感。
主要功能
- 01使用方格纸背景
- 02展示多个变体标签
- 03加入涂鸦图表占位和排线填充
- 04添加略微倾斜的黄色便签
- 05采用手写字体并避免整齐对齐
适用场景
- 01探索白板阶段的界面方案
- 02并列展示多个布局变体
- 03用便签标注线框草稿
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill wireframe-sketch安装后在 Claude Code 中输入/wireframe-sketch确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: 手绘 Wireframe】 【意图】白板 / 草稿前阶段的 wireframe 探索。 【布局】
- Graph-paper 背景
- 多 tab labels (variants 标签)
- scribbled chart placeholders + hatched fills
- Sticky-note annotations (黄色, 旋转一点点) 【设计细节】
- 字体: Caveat / Architects Daughter; 不要规规矩矩的对齐
评论
支持 Markdown