nexu-io/html-anything

wireframe-sketch

网格背景 + marker 笔触 + 多 tab + sticky note + scribble 图表

查看源码

使用方法

  1. 复制安装命令,在自己的智能体环境安装前先检查源码包。
  2. 从原始文档核对所需工具、凭据和支持的宿主。
  3. 说明输入材料与期望交付物,并对照来源检查输出。
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/wireframe-sketch --skill wireframe-sketch

开始前需了解

  • 安装不包含模型订阅、API 额度或访问文件的权限。
  • 仓库星数和安装量反映活跃情况,不等于独立质量或安全测试。
仓库原始内容

按源仓库内容呈现,保留标题、案例、代码、表格、链接以及原文引用的演示图片。

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

  • Graph-paper 背景
  • 多 tab labels (variants 标签)
  • scribbled chart placeholders + hatched fills
  • Sticky-note annotations (黄色, 旋转一点点)

【设计细节】

  • 字体: Caveat / Architects Daughter; 不要规规矩矩的对齐
来自同一仓库

更多 Skills

全部 Skills