Skill6.7k estrellas del repoactualizado 11d ago

wireframe-sketch

The wireframe-sketch skill generates hand-drawn style wireframes with a graph-paper background, multiple tabs, scribbled chart placeholders with hatched fills, and rotated sticky-note annotations. Use this when creating early-stage design explorations, whiteboard mockups, or informal sketches that prioritize conceptual layout over polished appearance, leveraging casual handwriting fonts like Caveat to maintain a sketchy, exploratory aesthetic.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/wireframe-sketch && cp -r /tmp/wireframe-sketch/next/src/lib/templates/skills/wireframe-sketch ~/.claude/skills/wireframe-sketch

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

【模板: 手绘 Wireframe】
【意图】白板 / 草稿前阶段的 wireframe 探索。
【布局】
- Graph-paper 背景
- 多 tab labels (variants 标签)
- scribbled chart placeholders + hatched fills
- Sticky-note annotations (黄色, 旋转一点点)
【设计细节】
- 字体: Caveat / Architects Daughter; 不要规规矩矩的对齐

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill