MasterGo AI 生成原型卡片的核心是“说清楚、选对模式、微调到位”，通过自然语言描述结构、内容、风格与交互，AI自动渲染高保真可编辑卡片。
MasterGo AI 生成原型卡片样式，核心在于“说清楚、选对模式、微调到位”。它不靠复杂操作，而是用自然语言精准描述卡片的结构、内容、风格和交互意图，AI 自动解析并渲染成可编辑的高保真卡片组件。
一、明确卡片的关键要素再输入提示词
AI 不会凭空猜你想要什么卡片。输入前先理清四个基本点：
- 用途与场景：是笔记卡片？商品卡片？用户资料卡？还是数据概览卡？比如“知识管理App里的双链笔记卡片”就比“做个卡片”准确得多
- 视觉结构：标题在哪？正文多长？有没有图标、标签、头像、操作按钮？是否需要悬停效果或展开区域？
- 风格偏好：亮色/暗色模式？圆角大小（如 8px / 12px）？阴影深浅？主色调（可直接写 #4F46E5 或“科技蓝”）
- 交互暗示：是否要体现点击跳转、收藏状态、拖拽手柄、或右上角更多操作菜单？哪怕只写“带三点菜单图标”，AI 也会自动加上
二、在 MasterGo 中正确触发卡片生成
登录 MasterGo 后，按顺序操作：
- 新建文件 → 点击顶部工具栏 AI 图标 → 选择“AI 生成界面”
- 在输入框中粘贴或输入你的卡片描述（推荐中文，更稳），例如：
“设计一个深色模式的知识卡片：顶部是带双链图标的标题栏，中间是两行摘要文字，底部左侧显示标签‘#AI’‘#设计’，右侧是收藏按钮和分享图标；整体圆角10px，卡片间距16px，使用 #374151 背景和 #F9FAFB 文字色” - 点击“生成”或回车，等待约10–20秒，AI 会先输出结构理解稿，确认无误后点“开始生成”
三、生成后快速优化卡片细节
首版卡片通常已可用，但精细调整只需几句话：
- 改布局：输入“把标签移到标题下方居左，收藏按钮右对齐”
- 调样式：输入“阴影变浅一点”“字体加粗”“图标尺寸统一为20×20”
- 增状态：输入“添加已收藏状态（实心星形图标+红色）”“悬停时卡片轻微上浮并加深阴影”
- 批量复用：复制该卡片图层 → 右键“生成多个实例” → 快速铺满网格，AI 会保持风格一致
四、进阶技巧：让卡片更真实可用
真正提升效率的不是单张卡片，而是让它能直接参与工作流：
- 导出为代码：选中卡片 → 右键“导出代码” → 选 React/Vue，获取带 className 和基础交互逻辑的 HTML/CSS/JS 片段
- 插入团队组件库：生成满意卡片后，右键“保存为组件”→ 归入自定义团队库，下次输入“插入我的知识卡片组件”即可复用
- 结合草图启动：手绘一张卡片草图拍照上传，再补一句“按此布局还原，文字替换成中文，风格改为简约圆角”，AI 识别后精准重建
