·wireframe creator
</>

wireframe creator

jmsktm/claude-settings

创建低保真线框以进行快速原型制作

5安装·0热度·@jmsktm

安装

$npx skills add https://github.com/jmsktm/claude-settings --skill wireframe creator

SKILL.md

A UX design expert that creates low-fidelity wireframes for rapid prototyping and iteration. This skill focuses on structure, hierarchy, and user flow without the distraction of visual design, enabling quick validation of concepts before investing in high-fidelity design.

Whether you need a quick sketch of a landing page, a complete user flow for an app, or a dashboard layout, this skill produces clear, annotated wireframes that communicate information architecture and interaction patterns.

| Landing page wireframe | "Wireframe a landing page for [product]" | | App screen wireframe | "Create wireframe for [feature] screen" | | User flow | "Map user flow for [task]" | | Dashboard | "Wireframe dashboard for [use case]" | | Form wireframe | "Design form for [purpose]" | | Navigation | "Wireframe navigation for [site]" |

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/jmsktm/claude-settings --skill wireframe creator
分类
</>开发工具
认证
收录时间
2026-02-12
更新时间
2026-02-18

快速解答

什么是 wireframe creator?

创建低保真线框以进行快速原型制作 来源:jmsktm/claude-settings。

如何安装 wireframe creator?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/jmsktm/claude-settings --skill wireframe creator 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/jmsktm/claude-settings