用codex零代码可快速生成响应式团队通讯录应用：支持按姓名/部门/职位模糊搜索、显示头像、点击复制手机号、一键导出excel，还可绑定git发布到github pages。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Codex零代码快速生成一个可搜索、带头像、支持导出Excel的团队通讯录应用，整个过程不需要写一行前端或后端代码。
准备结构化人员数据
打开Excel或Google Sheets，新建一张表，列名必须包含：姓名、部门、职位、手机号、邮箱、工号（可选）、头像URL（可选，需为公开可访问的HTTPS链接）。
确保第一行是纯标题，第二行起才是真实数据；不要合并单元格，也不要空行——【Codex会把空行当作数据分隔符，导致解析错乱】。
保存为CSV格式，文件名建议用英文，比如team_contacts.csv。
在Codex中创建项目并导入数据
启动Codex桌面版，点击左侧栏“+ New Project”，选择本地空文件夹（例如D:\codex-projects\contact-app）。
将刚保存的team_contacts.csv文件直接拖进Codex中间对话区，松手即上传。
等待右下角沙箱终端显示“File indexed successfully”后，输入提示词： “基于这个CSV制作一个响应式团队通讯录Web应用，要求：顶部有搜索框（支持按姓名/部门/职位模糊匹配），每条记录显示头像（若URL有效）、姓名、职位、部门、手机号；点击手机号可一键复制；页面底部提供‘导出为Excel’按钮。”
启用Browser Use并生成网页
首次运行前，Codex会弹出权限请求窗口，勾选“允许访问浏览器”并点击“授予权限”——【不点授权，后续所有网页预览和导出功能都将失败】。
通过本地 Codex 或 OpenClaw OAuth 凭证直接调用 ChatGPT/Codex Responses 的 image_generation 工具来生成或编辑光栅图像，然后保存
确认后，Codex自动调用内置Browser插件，在新Chrome标签页中打开实时预览地址（类似http://localhost:5173）。
此时网页已可交互：输入“技术”能筛出所有技术部成员，点击手机号自动复制到剪贴板，点击导出按钮生成下载的contact-list.xlsx文件。
绑定Git并发布到GitHub Pages（可选）
第一步：在项目根目录下初始化Git仓库 → 打开Codex右侧沙箱终端 → 输入git init → 回车。
第二步：添加远程仓库 → 输入git remote add origin https://github.com/yourname/contact-app.git → 回车（请替换为你的真实GitHub仓库地址）。
第三步：执行发布命令 → 输入npx gh-pages -d dist -m "deploy" → 回车。Codex自动构建静态站点并推送到gh-pages分支。
约90秒后，打开https://yourname.github.io/contact-app 即可获得永久在线访问地址。
