Communitygithub.com

qubernetic/wireframe-agent-skill

Claude Code 技能,用于生成黑白结构线框图——灰度、虚线边框、等宽字体,使用 React + Tailwind CSS。

wireframe-agent-skill 是什么?

该技能是专为 Claude Code 开发的智能体技能,用于快速生成具有黑白灰度风格的结构性线框图(wireframes)。其输出强调简洁与功能性,包括虚线边框、等宽排版等元素,适合早期设计验证与UI原型开发。基于 React 和 Tailwind CSS 实现,方便开发者直接嵌入前端项目或进行二次修改。支持在 Claude Code 环境中一键调用,适合产品经理、设计师或开发者在对话式交互中快速迭代界面布局。

兼容平台Claude Code~Codex CLI~Cursor
npx skills add qubernetic/wireframe-agent-skill

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

wireframe-agent-skill 是做什么的?

Claude Code skill for generating black-and-white structural wireframe mockups — grayscale, dashed borders, monospace typography, React + Tailwind CSS

相关技能