Codeium需用grill-me模式触发AI主动追问，先锁定“请先不要写任何代码”，再按序提问框架、上传方式、UI规范；每轮回答须具体，否则退回默认模板。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想用Codeium生成一个前端组件，但直接输入“写个用户头像上传组件”会得到一堆通用代码——它不知道你用的是Vue还是React、要不要支持裁剪、是否集成阿里云OSS、错误提示要不要国际化。必须让AI先追问，把模糊意图变成可执行的约束条件。
用grill-me模式触发AI主动盘问
在Codeium编辑器中，光标置于空白行→输入以下提示词（注意标点与换行）：
「你是一个有10年大前端经验的组件架构师。我现在要开发一个头像上传组件，请先不要写任何代码，而是按顺序向我提出3个关键问题：①目标框架和版本（如React 18/Next.js App Router或Vue 3 Composition API）；②是否需要服务端直传（如对接七牛云token接口）还是纯前端处理；③UI风格约束（如是否必须遵循Ant Design 5.x色值与动效规范）。每个问题后附上你的推荐选项和理由。」
这一步必须用「请先不要写任何代码」锁定AI行为，否则它会跳过追问直接输出JSX模板——【未加此禁令时，AI生成代码概率超92%】。
手动补全追问链，控制决策树走向
AI提出第一个问题后，你只需简短回答，它会自动推进下一问。例如：
你答：“用Vue 3，基于Pinia管理状态。”→AI立刻问第二问：“是否允许使用原生？若否，需兼容iOS Safari的capture="user"拍照直传，还是必须接入第三方SDK（如Cloudinary Widget）？”
你答：“用原生input，但要支持拖拽区域和预览缩放。”→AI第三问：“错误边界如何定义？例如网络超时是否重试？文件类型校验失败时，是toast提示还是内联红字？请明确文案语气（严肃/轻量/品牌化）。”
每轮回答必须真实有效——【若回答“随便”或空行，AI将终止追问并退回默认模板】。
用文档锚点喂养AI，加速精准提问
方法一：粘贴现有项目片段作为上下文锚点
在提问前，先选中你项目里已有的useUpload.ts文件内容→Ctrl+C复制→在提示词前粘贴该代码块→再输入grill-me指令。AI会识别出你当前用的是Axios+FormData封装，从而跳过基础HTTP库选择类问题，直接聚焦“是否复用该hook的retry逻辑”。
方法二：附加UI截图描述强化语义
在提示词末尾追加一句：// 参考设计稿：头像区域为圆形，直径80px，上传按钮悬浮于右下角，带+号图标，hover时背景色#007bff。AI会据此排除方形裁剪、全屏弹窗等无关方案，提问集中于“图标SVG路径是否需从设计系统统一引入”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
