/wireframe-sketch

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

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill wireframe-sketch --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/wireframe-sketch

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

wireframe-sketch.SKILL.md

name: wireframe-sketch
zh_name: "手绘线框图"
en_name: "Wireframe Sketch"
emoji: "✏️"
description: "网格背景 + marker 笔触 + 多 tab + sticky note + scribble 图表"
category: prototype
scenario: design
aspect_hint: "桌面 1440"
recommended: 11
tags: ["wireframe", "lo-fi", "sketch", "草稿", "手绘"]

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

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

【设计细节】

字体: Caveat / Architects Daughter; 不要规规矩矩的对齐

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML