核心用法
Wireframe 是一款面向UI/UX设计师和前端开发者的原型设计辅助工具，支持通过命令行快速生成线框图、组件草图和用户流程图。主要功能模块包括：
1. page - 生成完整页面线框，支持header/hero/features/cta/footer等标准区块组合
2. component - 针对单一UI组件（卡片、表单、导航、表格等）生成专用线框
3. flow - 创建用户流程图，可视化页面跳转与决策分支
4. annotate - 为现有SVG线框添加带编号注释与说明图例
5. export - 将线框导出为独立HTML文件，内嵌样式便于分享
6. template - 基于内置模板（落地页、仪表盘、博客、电商等）快速生成线框
输出格式覆盖ASCII文本（适合代码审查、快速迭代）和SVG矢量图形（适合演示、精修设计稿），形成从低保真原型到可交付资产的完整工作流。
显著优点
- 零设计软件依赖：纯bash脚本运行，无需Figma/Sketch许可证，适合敏捷团队快速启动
- 版本控制友好：ASCII输出可直接纳入Git diff，设计变更可追溯
- 自动化集成潜力：CLI结构便于嵌入CI/CD流程，实现设计规范自动化检测
- 双模输出兼顾效率与质量：ASCII用于内部协作，SVG用于客户演示
潜在缺点与局限
- 设计精细度天花板：仅支持基础几何形状与文本占位，无法表达复杂视觉风格
- 交互原型缺失：无热区、无点击预览，需配合其他工具完成高保真交互
- 社区生态待验证：GitHub仓库活跃度、模板库丰富度尚不明确
- bash环境限制：Windows原生支持需WSL或Git Bash，增加配置成本
适合人群
- 追求"代码即设计"的全栈开发者
- 需要快速输出可评审原型的产品经理
- 技术驱动型设计团队（DesignOps）
- 教育场景：UX入门教学中理解信息架构
常规风险
- 导出的HTML文件若包含用户上传内容，需防范XSS注入（当前版本未显示输入过滤机制）
- SVG输出可能携带外部引用，离线环境需检查资源完整性
- 自动化脚本执行时建议限制文件写入权限，防止路径遍历攻击