Wireframe Creator 是一个 UX 设计技能，用于快速创建低保真线框图，聚焦结构、层级与用户流程，而不被视觉设计细节分散注意力，便于在投入高保真设计前快速验证概念。它可输出带注释的清晰线框图，传达信息架构与交互模式。
主要用途与工作流：
- 网站/落地页线框：定义页头导航、Hero、内容区、页脚等结构，用 ASCII 框线和文字呈现布局与层级，标注组件、内容说明、交互说明、响应式行为与优先级，并定义入口、CTA 路径与出口。
- 应用界面线框：列出所需屏幕、定义屏幕间流转与决策点，设计每屏的导航、内容布局、交互元素及空/加载/错误/成功等状态，用箭头或编号体现连接与决策树，记录点击、滑动、长按与转场。
- 仪表盘线框：定义数据层级（核心指标、次要信息、明细视图）、筛选控件位置，布局主内容区、侧边导航、顶栏与部件，设计图表占位、表格结构、卡片布局与空状态，规划下钻、筛选、导出与刷新交互。
- 用户流程线框：从起始状态、全部决策点、成功/错误路径到结束状态，逐步线框每一步，标注触发条件与条件逻辑，记录边界情况。
使用方式：可通过自然语言触发，例如“Wireframe a landing page for [product]”“Create wireframe for [feature] screen”“Map user flow for [task]”“Wireframe dashboard for [use case]”“Design form for [purpose]”“Wireframe navigation for [site]”。技能提供布局组件、表单元素、导航模式、数据展示与注释符号库（如 [CTA]、[IMG]、→、?、!、✓）供组合使用。
输出通常为线框图规范：项目/页面信息、用户流程、ASCII 布局图、组件说明（高度、元素、行为、响应式）、交互、内容需求、响应式断点、状态与备注。
最佳实践包括：保持低保真、聚焦结构、尽量用真实内容、展示各状态、大量注释、移动优先、编号元素、间距一致、标明内容类型、展示所有交互并记录边界情况。
限制与集成：该技能属于低保真阶段，强调方块、线条与标签，不涉及颜色、字体等视觉打磨；中高保真设计、可交互原型不在其范围内。资料提到可与 layout-designer、ui-builder、Midjourney、Playwright 等配合，但未提供具体版本、价格、平台支持或效果保证。