mcpField
W
wireframe-sketch

wireframe-sketch

github.com/nexu-io设计与 UI9.3k43 次安装2 周前更新
代码仓库

关于 wireframe-sketch

用于白板或草稿阶段界面探索的手绘线框模板。它采用方格纸背景、变体标签、涂鸦式图表占位和便签注释,营造未完成的草图感。

主要功能

  1. 01使用方格纸背景
  2. 02展示多个变体标签
  3. 03加入涂鸦图表占位和排线填充
  4. 04添加略微倾斜的黄色便签
  5. 05采用手写字体并避免整齐对齐

适用场景

  1. 01探索白板阶段的界面方案
  2. 02并列展示多个布局变体
  3. 03用便签标注线框草稿

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/html-anything --skill wireframe-sketch

安装后在 Claude Code 中输入/wireframe-sketch确认已加载。

附带文件example.html

README 原文English

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

【模板: 手绘 Wireframe】 【意图】白板 / 草稿前阶段的 wireframe 探索。 【布局】

  • Graph-paper 背景
  • 多 tab labels (variants 标签)
  • scribbled chart placeholders + hatched fills
  • Sticky-note annotations (黄色, 旋转一点点) 【设计细节】
  • 字体: Caveat / Architects Daughter; 不要规规矩矩的对齐

评论

支持 Markdown