0. 先和大家打个招呼吧 
-
我是谁： 我是一个有点闲不住的文科生，目前是一名互联网从业者；感谢AI，不会写代码也可以成为一个独立开发者的时代；获得过 阿里云X米兰冬奥会AIGC TOP100；Mulerun Galgame 一等奖；Tapnow天马行空六一活动入围奖；
-
你是怎么用 TRAE 把 Demo 做出来的：
-
我先自己把产品想透，再分层描述给 TRAE：
第一层：产品骨架 —— 告诉它页面要几块、每块干什么
「顶部导航要有品牌 Logo、搜索框、订阅按钮；Hero 区左边放文案和按钮，右边做一个雷达扫描的仪表盘；下面要有筛选条、比赛卡片网格、详情弹窗……」
TRAE 根据这些描述自动拆解出了完整的 结构。
第二层：业务逻辑 —— 我用大白话讲清楚规则，让它写成代码
「我想给每场比赛打个价值分。获奖率越高越好，单人奖金越高越好，离截止越近越紧迫。你帮我写个公式。」
TRAE 就生成了 算法骨架。
第三层：具体问题 —— 看到哪里不顺，直接描述现象
「Hero 区在大屏下右边太空了，帮我调紧凑点。」 「第一版颜色太花哨，换成浅色 SaaS 风格，主色用亮蓝，背景用浅灰。」
一、Demo 简介
是什么： AI赛事雷达是一款专注于新兴 AI 竞赛信息聚合与智能筛选的应用网站，帮助用户一站式发现、评估和追踪各平台优质 AI 比赛。
面向谁： 核心用户是 AI Coding 爱好者，开发者、AIGC 创作者、 以及关注 AI 领域创新机会的学生和从业者。需要在多个平台间反复浏览，才能找到适合自己的比赛。
主要功能：
| 功能 | 说明 |
|---|---|
| 比赛大厅 | 聚合 多场 AI 赛事（黑客松、常规赛、影展等），支持分类/赛制/形式/状态多维筛选与排序 |
| 性价比评分 | 基于「获奖率 + 单人奖金额 + 时间紧迫度」三维度算法，为每场比赛计算 0-100 分的价值分，并给出「优先冲 / 值得看 / 练手局」标签 |
| 得奖几率估算器 | 在详情弹窗中，用户拖动「自身水平」滑块，系统结合基础获奖率与技能加成，实时估算个人胜算并输出「很值得冲 / 可以一搏 / 偏难看投入 / 竞争极激烈」等建议 |
| 赛事日历订阅 | 迷你月历展示近期比赛截止日，支持一键生成 ICS 日历文件并复制订阅链接到苹果/谷歌日历 |
通过参赛人数和获奖名额推导出获奖几率，再通过对实力的测评，给自己参加比赛增加了预期杠杆，更合理的规划利用时间
二、Demo 创作思路
灵感来源：AI时代的飞速发展，给了我很多机会和发展的舞台，是 AI 比赛的常客，很喜欢以赛代练。每次想找比赛，各类传统的算法社区平台让我望而却步，而我能参与尝试的AI比赛信息散落在几十个渠道，而且很多比赛点进去才发现已经截止或不适合自己。这种「低效的重复搜索」让我想到：能不能像雷达一样，把信号都聚合到一个屏幕上？
想解决的问题：
- 信息分散：各平台比赛信息不互通，用户需要反复切换站点；
- 评估困难：参赛人数、获奖名额、奖金额度分散在不同页面，难以快速判断投入产出比；
- 容易错过：没有统一的截止提醒机制，经常发现比赛时已经来不及准备。
为什么做这个方向： 过去半年 AI 竞赛呈爆发式增长，从传统的算法赛扩展到 AIGC 创作、Agent 开发、Game Jam 等多元形态。但「发现成本」却没有降低，参赛用户从传统算法计算机学生，扩展到了愿意尝试使用AI的普通人，门槛大幅度降低，但是信息却不对等，主办方找不到参赛选手，选手又找不到合适比赛；这是一个典型的「需求在涨、工具没跟上」的痛点。与其做又一个垂直社区，不如先做一张「信息地图」，帮用户省时间。
三. Demo 体验地址（三选一）
-
体验链接：AI赛事雷达 - 不再漫无目的地搜索 AI 比赛
-
HTML格式文件：
AI赛事雷达-独立版.html (98.6 KB)
Zip格式：
AI赛事雷达-交付包.zip (43.3 KB)
四. TRAE 实践过程
做这个项目的第一步，不是写代码，而是写一份自己的产品需求文档。我从用户痛点出发，逐步推导出产品形态：
- 用户画像梳理：谁会用这个产品？他们现在怎么找比赛？最烦什么？
- 核心价值主张：一句话说清楚——「不再漫无目的地搜索 AI 比赛」
- 信息架构设计：页面应该分几块？用户先看什么、再看什么？
- 功能优先级排序：MVP 阶段必须有什么？哪些可以后续迭代？
- 关键交互细节：筛选怎么分维度？卡片要展示哪些信息？详情页怎么组织？
-
第一版我让 TRAE 生成的是深色科技风——暗色底 + 霓虹紫渐变 + 毛玻璃效果，看起来很有「AI 感」。但做着做着我开始反思：这个产品的定位是工具还是玩具？
作为一个帮用户找比赛的效率工具，浅色 SaaS 风格可能更合适：
- 信息密度更高，用户扫一眼能获取更多内容
- 视觉更克制，不会抢了「比赛信息」本身的风头
- 更符合专业工具的用户预期
-
右侧实时雷达仪表盘我想让他真的有比赛的显示，于是让他制作了迷你月历的小细节
-
Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成
-
837201748046137:ce20ad9280c0e2eb53616828f4475ce6_6a4dc74d53b1490b7685982d.6a4dc74d53b1490b76859830.6a4dc74d53b1490b7685982e:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 11:43:09)
-
837201748046137:3e895dbbdc4c2582a8cc06f5e32dafa6_6a4dc74d53b1490b7685982d.6a4dd14453b1490b7685989e.6a4dd14453b1490b7685989c:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 12:25:40)
-
837201748046137:4040fc230415e462ea7b2e4eba1de765_6a4dc74d53b1490b7685982d.6a4df4b1013689d904d2f487.6a4df4b1013689d904d2f485:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 14:56:49)
5. 对应的报名审核通过的帖子链接
