体验方式
- GitHub 仓库：
https://github.com/Wayhhow/trae-job-card（克隆后用 TraeCode 部署即可使用） - 无需安装、无需 API Key、无需联网服务——抓取只用免费公开接口，卡片是单文件 HTML，离线可打开
【图1：仓库截图】
一、我是谁，在准备什么
我是 TRAE 校园大使，一名普通的本科生，一名未来要准备秋招的学生。
秋招这几个月我发现很多学长遇到一个很具体的麻烦：做过项目，但项目"进不了"简历。 举我自己做的一个简单项目为例子，EyeBuddy（给视障人群做的 Chrome 插件）的 README 写了三千字，可落到简历上只剩两行，面试时展开讲又容易讲散。我帮朋友看简历时发现这几乎是通病——不是没东西写，是没人会把"项目材料"翻译成"招聘方看得懂的语言"。
所以我用 TRAE 做了一个 Skill：trae-job-card · 求职作品卡生成器。把 GitHub 仓库链接、TRAE 论坛作品帖链接，或者一段大白话描述丢给它，它产出一张 STAR 法则改写的项目卡片（单文件 HTML + Markdown）和一份 260 字的 1 分钟面试话术。
二、我做了个什么：一句话讲清
输入项目信息 → 输出求职可用的项目卡片。 流程五步：
- 解析输入类型（GitHub / 论坛帖 / 粘贴文本，三种自动识别，支持多链接批量）
- 运行抓取脚本，拿到真实的结构化材料（README 要点、stars、技术栈、帖子正文）
- 确认岗位方向，按 STAR 法则改写——这一步由 TraeCode 会话内的模型完成，不花一分钱外部 API
- 渲染 1080×1440 竖版卡片：技术栈标签、编号行式 STAR 亮点、岗位相关性、页脚内嵌来源二维码
- 生成 1 分钟面试话术：开场 15 秒 + 亮点 30 秒 + 收尾 15 秒
它最较真的是两条规矩：
- 严禁编造数字。 卡片上每个数据都必须能在抓取材料里找到原文——stars 数、用例数、免费额度，有出处才许写；没有就用定性表达。简历注水这件事，工具本身不能带头做。
- 语气克制。 禁用「强大、智能、赋能、一站式」这类空词，禁 emoji，禁营销腔。动词只许用实现、整合、覆盖、降低、支持、通过、完成。
【图2、3：对 TraeCode 说一句「帮我给 https://github.com/Wayhhow/EyeBuddy 生成求职卡片，岗位方向是前端」后的对话执行过程（五步工作流跑起来的样子）】
三、成果长什么样
标准风格是「编辑部排版」：白底、单一强调色、84px 负字距大标题、编号行式 STAR、墨色页脚横带 + 白底二维码。浏览器打开即可截图出高清图，卡片固定 3:4，窄窗口下也不变形。
【图4：EyeBuddy-card.html 完整卡片截图】
同一份内容，还做了 5 套风格变体供选择：zine-editorial、pixel-art、doodle、minimal-zine、neo-brutalism。
【图5：design-showcase.html 六风格并排对比页截图】
页脚二维码由 make_qr.py 生成后以 base64 内嵌——卡片仍然是单文件，断网也能打开，扫码直达项目来源。
【图6：卡片页脚特写——来源链接 + 二维码，自动生成】
四、我是怎么用 TRAE 做出来的
整个 Skill 从 SKILL.md 工作流设计、两个零依赖 Python 脚本，到卡片模板的排版，全部在 TraeCode 里对话完成。分享三个真实节点：
1. 模板不是画出来的，是"测"出来的。 第一轮产出后我用无头 Chromium 把 6 张卡片全部渲染，逐元素读取坐标。结果发现 5 套新风格的页脚整体移出了卡片可视区——溢出 160~184px，二维码和来源链接全被裁掉。根因是 .content 用了 height:100% 把兄弟元素页脚顶了出去。TRAE 改成 flex 布局后复测：6 张卡全部 scrollHeight = clientHeight，零裁切。
【图7：修正前后对比图（左"修正前"页脚被裁、右"修正后"完整）】
2. 稳定性不是嘴上说的，是双源实测的。 9 月 18 日发帖我做了第二轮验证：同一个工作流，分别喂一个 TRAE 论坛作品帖（面试 CT 机）和一个 GitHub 项目（pypa/pipx，12,965 stars）。两条链路都一次跑通：抓取脚本正确识别 Discourse 与 GitHub REST 两种来源，渲染验证四项全过——无占位符残留、无溢出、二维码完整可见、控制台零报错。
【图8、9：两张新实测卡片——Job-Autopsy-card.html 与 pipx-card.html】
3. 最有效的提示词模式。 这个项目我沉淀了四条，每条都是踩过坑之后加的：
- 「先给测量数据，再给修改方案」——防止凭感觉调 CSS
- 「每个断言标注原文出处」——STAR 不编造的关键
- 「用无头浏览器实测，不接受’应该可以’」——逼 AI 给证据
- 「保留原稿，新方案另存文件」——6 种风格都是这么攒出来的
五、诚实的边界
- GitHub 匿名接口限速 60 次/小时，批量抓取大量仓库时会遇到 403，此时脚本给出中文提示并引导粘贴文本；
- 改写质量取决于 README 的真实信息量，空仓库会保守改写并说明材料有限；
- 卡片版式是固定设计规范，不做自定义拖拽保证稳定性（后续会考虑增加模板和可用性）——它是一张"能直接用"的卡，不是设计工具。
最后说两句
做这个项目最大的收获不是那张卡片，而是一个认知：AI 时代不缺把东西做出来的人，缺的是给"做出来"定验收标准的人。 无头浏览器读坐标、断言溯源到原文、双输入源回归测试——这些要求是我想清楚后交给 TRAE 执行的。想法到成品的距离确实近了很多，但"什么算做好了"，还得自己回答。
如果你也在整理简历里的项目经历，欢迎克隆仓库试试：把你的 GitHub 链接丢给 TraeCode，说一句「按 SKILL.md 生成求职卡片」。也欢迎回帖提意见——尤其是"你希望卡片上多一栏什么"。
最后再次附一遍github仓库链接： Wayhhow/trae-job-card
