MasterGo AI 可高效生成符合规范的报错页面，需明确描述错误场景、风格约束与交互细节，并通过复用现有框架、图+文双输入及生成后微调确保一致性与可用性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接生成“报错页面”这种特定状态页，它面向的是常规功能页面的高保真设计生成。但你可以用它快速产出符合产品规范、视觉统一的报错页（如 404、500、网络异常等），关键在于把「错误场景」当作一种明确的设计需求来描述。
明确告诉 AI 这是个报错页面
别只写“做一个后台 Dashboard”，要带上下文和状态。比如：
- “设计一个 Dashboard 的 404 页面：深色模式，主标题‘页面找不到了’，副标题‘可能链接已失效或权限不足’，配一个简洁线性插画（如断开的连接图标），底部带‘返回首页’按钮和搜索框”
- “生成系统加载失败时的空状态页：浅色背景，居中显示灰色感叹号图标，文字‘数据加载失败’+‘请检查网络或稍后重试’，下方有两个按钮：‘刷新页面’和‘联系管理员’”
越具体，AI 越容易理解这不是普通内容页，而是需要传递明确情绪（友好、专业、可操作）的状态反馈界面。
复用已有 Dashboard 风格保持一致性
报错页不是孤立存在，它必须和你的 Dashboard 主题一致。操作建议：
- 先用 MasterGo AI 生成你当前 Dashboard 的首页或主控台页面
- 点击该页面右上角「复制」→ 新建一页，重命名为“404 页面”
- 在新页中，选中顶部导航栏、侧边菜单等基础框架，保留不动；只替换中间内容区
- 再对内容区发起 AI 指令：“将中间区域替换为 500 错误提示页，风格与当前 Dashboard 一致，使用主色 #2563EB，字体层级参考 H1/H2/Body”
这样既省去重新对齐间距、字号、圆角的时间，又能确保按钮样式、图标比例、留白节奏完全匹配。
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
用图+文双输入提升准确性
纯文字描述容易漏掉细节。更稳妥的做法是：
- 在 MasterGo 中上传一张你团队已有的报错页手绘草图或竞品截图（比如 Ant Design 或 Element Plus 的 404 示例）
- 同时输入文字指令：“参考这张图，生成 Dashboard 风格的 404 页面，主色#1E40AF，文字用 Inter 字体，所有按钮带 hover 状态示意”
- AI 会结合图像结构 + 文字约束，生成更贴近预期的结果
注意：上传图尽量干净，避免多余标注或水印，否则 AI 可能误识别干扰元素。
生成后快速微调的关键点
AI 生成的报错页常在三处出偏差，建议优先检查：
- 图标语义是否准确：比如用 ❌ 代替 ⚠️，或用断链图标替代服务器崩溃图标 → 直接选中图标，在右侧属性面板换为 MasterGo 内置图标库中的对应项
- 按钮行为暗示缺失：AI 不懂“刷新”该用循环箭头，“返回首页”该用房子图标 → 手动替换图标，并加简短文字说明（如“刷新当前页面”）
- 响应式断点未体现：移动端报错页需更大点击区域 → 切换到响应式预览模式，手动调宽按钮宽度、放大标题字号
改完后点「插入到画布」，就能直接进设计系统做组件化归档，后续所有报错页都可复用这个母版。
