mekxa.cn 成长档案站
这座档案站本身:Git 即数据库的内容模型、可漫游的星轨与站内 AI 分身。
阅读提纲 4 个章节
解决什么问题
我做过的东西散在几台机器的几十个目录里,没有提交记录、没有文档,别人看不懂,我自己也说不清。这座档案站要把它们整理成可核验的档案:每件事有起止、状态、做了什么、没做到什么,给招聘方与同行三分钟就能看懂的入口。
我做了什么
内容层用 Git 当数据库:项目是 MDX 文件,字段由 zod schema 约束,每个关键字段带来源与审阅状态,AI 不能填它不知道的东西,未知就是 null。前端是 Astro 静态站加 React 岛,只有星轨页面加载 WebGL;构建在 2 核 1.6 GB 的机器上完成,发布走版本目录与原子切换,失败自动回滚。
配套做了两件工具。一是蒸馏管线:在项目所在的机器上扫描目录、提交与会话记录,生成事实卡与第一人称小传,再导入站点,人工审阅后发布。二是站内 AI 分身:BM25 检索站内档案,结构化输出经过校验闸,只讲有据的事,说不准就说档案里没有。
我的分工是提方向、否决与拍板,具体调研与实现由 AI agent 完成。设计决策与被否决的方案都留了六行决策记录。
结果
正在建设中。已上线首页、时间线、项目目录与详情、星轨与分身。第一版个人主页被它取代。
没做到的,和这一页不写的
主线项目的证据仍在补:论文与仓库链接要等接收与开源后放。星轨的样机与正式页面还没完全合并。
这一节由 AI 按站主的访谈原话整理成文,等站主过目。
评测与证据分数、测量方法和版本记录
记分卡
我给它 65 分:扩展与成熟最强,内容最弱,在 4 个同类里排第 3。
-
扩展 80 M
100 分加一条内容只新建一个文件,页面与索引自动出现,写坏字段报错指出文件与字段,文档可循,一条命令上线可回滚 权重7 公式0.25 触碰文件数(1 个满分)+ 0.15 自动出现(路由 / 索引 / sitemap)+ 0.15 报错指出文件与字段 + 0.15 文档(说明如何添加 50、脚手架脚本 25、两份以上指南 25)+ 0.10 一条命令上线含回滚 + 0.10 媒体随行(实测:图片进构建且页面引用)+ 0.10 新类型成本(实测文件数 1 → 100、2 → 85、3 → 65、4 → 40、6 → 20) 试过的类型eras、notes、projects写坏字段后构建失败,报错指出文件、指出字段构建用时22.2 s,7.4 s条目旁的图片没有进入构建加一种新类型要碰3 个文件(按现有类型量得) 备注按现有类型量得:加一种同形态的新类型要碰约 3 个文件(schema、自己的路由与列表页、手写导航);条目旁的图片没有进入构建;加了条目却没有生成页面的类型:eras、notes -
成熟 77 M
100 分三次探测在线,真 404,可回滚,检查实际运行通过,文档覆盖运行部署添加,自动化,可观测,有真实使用者 权重8 公式0.20 在线(三次探测)+ 0.05 HTTPS+HSTS + 0.05 真 404 + 0.15 可回滚(release 目录 ≥ 2、回滚命令)+ 0.20 会失败的检查(实际运行通过、测试文件、部署冒烟)+ 0.10 文档(运行 / 部署 / 添加内容)+ 0.10 自动化(部署脚本、CI)+ 0.10 可观测 + 0.05 真实使用者 在线探测3 / 3,p95 48 ms不存在的页面返回200release 目录5 个,最近部署 0.2 天前实际运行的检查npm run check → 通过文档覆盖有 / 有 / 有(运行 / 部署 / 添加内容) 备注不存在的页面返回 200 而不是 404;没有测试文件;没有 CI;没有探活或诊断脚本;真实使用者无法证明,按 0 计 -
创新 76 C+J 暂定
100 分有两个机制是每个同类都没有的,概念与技术在交错比较里都得高分 权重9 公式独有机制(同类都没有)0 个 0 / 1 个 25 / 2 个 35 / 3 个以上 40,× min(1, 同类数 / 4) + 30 × 原创(十分制归一)+ 30 × 技术(十分制归一) 同类都没有的机制light-as-you-travel;measured scorecard原创 / 技术9 / 8(十分制)同类kaopubear、maggieappleton、andymatuschak 备注与 3 个同类交错比较,站名打乱;只找到 3 个同类,独有机制那一项按 0.75 折算,并标为暂定;找到 4 个以上同类才算数 -
安全 69 M
100 分本暴露等级要求的每项措施都做到(TLS、HSTS、CSP、各安全头、无暴露路径、依赖无高危、无密钥) 权重9 公式本级(L0)必需措施的加权完成率;security.txt 与 CAA 各 +1 暴露等级L0响应头C(50 分)TLSintermediate,TLSv1.3证书剩余83 天依赖(OSV.dev)448 个包,0 个有通告 已做HTTP 跳转到 HTTPS;HSTS ≥ 6 个月;TLS 达 Mozilla Intermediate(1.2+1.3,无 1.0/1.1);无暴露路径(.git / .env / 备份 / 配置);无目录列表;构建产物无 source map;依赖无高危 / 严重漏洞(OSV.dev);依赖锁文件已提交;仓库无密钥 待做Content-Security-Policy(script-src 无 unsafe-inline);X-Content-Type-Options: nosniff;X-Frame-Options 或 frame-ancestors;Referrer-Policy;服务器头不泄露版本 未测第三方脚本 / 样式带 SRI 本级不适用L1:输入校验与速率限制、注入类检查(表单)、CSRF 令牌、隐私说明;L2:ASVS V6 认证、V7 会话管理、V8 授权、V9 令牌;需人工审查;L3:支付 / 合规评估,超出自动化范围 升一级需要输入校验与速率限制、注入类检查(表单)、CSRF 令牌、隐私说明 同类工具测得部分本站 69.1,3 个同类中位 61.1,高于 67% 的同类 备注暴露等级 L0:只有 1 个滑杆 / 开关类控件,不接收用户数据,不升级;文字里出现支付 / 购买 / 订阅字样,但没有表单,不升级;无表单、无接收文字的输入控件、无登录、无 cookie、无支付流程:公开静态站;未能测量(不计入分母):第三方脚本 / 样式带 SRI;根路径对不存在的地址返回 200(软 404),不算暴露但值得修 -
结构 68 M+J
100 分每页都能从首页三步到达,无死链,标题层级正确,导航一致,URL 规范,有 sitemap,内容有 schema,评审认为架构可预测 权重7 公式0.25 链接图(无孤儿页、无死链、深度 ≤ 3)+ 0.15 标题层级 + 0.15 导航一致 + 0.10 URL 规则 + 0.10 卫生(sitemap / robots / canonical)+ 0.10 schema 覆盖 + 0.15 评审信息架构 页面 / 从首页到不了的22 / 13死链 / 最大深度0 / 1单 h1 / 不跳级 / 导航一致95% / 95% / 73%sitemap / robots / canonical无 / 有 / 73%评审信息架构6(十分制) 肯定导航六项与首页文案逐一对应,无虚标;项目卡片从首页两步直达证据详情页;样张页从实验室一键可达,路径清楚;首页导航六项与内容模型完全对应;三次点击内可达全部主要栏目;全站仅一层深度、零死链 质疑概念样机13页完全不可达,是否故意隐藏?需查实验室页源码链接;6个概念页用独立5标签导航,是否遗留?需查其HTML nav组件;十三个概念样机页无入口,需查实验室页源码有无隐藏链接;项目详情页无返回链接,需查是否存在面包屑组件;全站无sitemap,需查是否有sitemap.xml影响可发现性;概念样机13页未接入导航,是否遗漏?查/next/lab/页面链接可判定 同类工具测得部分本站 68.8,3 个同类中位 62,高于 67% 的同类 备注13 个页面从首页沿链接到不了:/next/lab/concept/、/next/lab/concept/ink/、/next/lab/concept/starchart/、/next/lab/concept/starchart/origin/、/next/lab/concept/starchart/e3/…;没有 sitemap.xml -
精炼 65 M+J
100 分每种页面该有的信息项都有,且评审改写不掉任何一句;句段不长,无重复,无套话,可扫读 权重9 公式0.5 覆盖(评审逐信息项判有 / 含糊 / 无)+ 0.5 紧凑(无损可删比例 ×3、句长 p90、段长 p90、跨页唯一文本比、套话密度、可扫读性各 ×1) 覆盖(评审)58.2无损可删比例(评审)32%句长 p90 / 段长 p9043 / 28 字唯一文本比 / 重复段落81% / 17套话密度(每千字)/ 可扫读0 / 10 肯定B1图: 双CTA明确入口(沿时间线/看证据);首页列出馆藏四类, 覆盖清晰;B1首屏两按钮给出起点,覆盖清楚;文本一句列全四类内容:时间线/证据/工具/笔记 质疑mekxa是站名还是作者名? 需About页或署名区佐证;B1未见作者身份说明;加一行「关于我」可证实;「mekxa」是谁、什么背景全文未见,补身份句能否解决?;两条CTA按钮不在提取正文中,是否只存在于视觉层?看DOM能否核实 同类工具测得部分本站 89.1,3 个同类中位 83.5,高于 67% 的同类 -
审美 60 J
100 分三位评审看五张基准图:版式、色彩、构图、图像、动效、跨页一致、打磨、独特性八个面向都在 8 分以上 权重14 公式Σ 权重 × 评审中位数 / 10(八个面向,十分制) 评审人数6字体族-apple-system、JetBrains Mono、Noto Serif SC Variable字号数 / 颜色数8 / 10间距基数无 px(无 落在倍数上)正文行长46 字符 八个面向 7 版式与字体(权重 15)5 色彩与材质(权重 12)7 构图与层级(权重 18)5 图像与组件(权重 15)6 动效与状态(权重 10,评审分歧)5 跨页一致(权重 10)5 打磨(权重 10)7 独特性(权重 10) 备注评审与建造同属 Claude 模型家族;三位评审不等于三票独立意见;动效与状态:三位评审分歧 > 3 -
流畅 59 M
100 分各页 Lighthouse 性能 ≥ 90,核心指标全部达标,脚本化交互响应 ≤ 200 ms,动画不阻塞主线程,WebGL 预算全过 权重11 公式0.50 加载(Lighthouse 性能,按页面角色加权,移动与桌面各半)+ 0.15 核心指标达标率(LCP ≤ 2.5 s、CLS ≤ 0.1、TBT ≤ 200 ms)+ 0.20 交互响应(脚本化 INP,≤ 200 ms 满分,500 ms 为 0)+ 0.15 动画预算(LoAF 阻塞占比 ≤ 5% 满分 + WebGL 预算三项) 加载(按角色加权)74.7核心指标达标率60%交互响应 INP(最差 / 中位)696 / 160 ms空闲 5 秒主线程阻塞占比13%机器指数 / 噪声353.5 / ±3.3 同类工具测得部分本站 58.8,3 个同类中位 69.6,高于 33% 的同类 备注帧率在软件渲染器上只记趋势不计分;Lighthouse 关键页多次运行的标准差均值 ±3.3 -
数据 56 M
100 分交付物(页面、条目、字数、媒体、组件、代码)达到形态阶梯上限且字段填充完整 权重7 公式六项交付物按形态阶梯(下限 40 / 中位 70 / 上限 90,对数插值)取均值 × 条目完整度乘数(字段填充率 ≥ 80% 为 1.0,否则 0.8 至 1.0);代码行数按语言统计全仓库自写代码,排除 vendor、压缩产物与超过 1 MB 的文件 占位条目 / 占位页2 / 1字段填充(必填 / 可选)100% / 40%,乘数 0.99代码构成js 98,ts 490,css 439,astro 1542,tsx 5482,sh 223,py 125 交付物清单 21 公开页面(阶梯分 60)3 真实条目(阶梯分 24)5566 唯一正文字数(阶梯分 42)29 图片与媒体(阶梯分 63)22 组件(含交互岛)(阶梯分 78)8399 自写代码行(阶梯分 71) 同类工具测得部分本站 53.9,3 个同类中位 65.9,高于 33% 的同类 备注清单说明工作量:不看时间长短、不数提交;1 个占位页(标题即占位)与 2 个占位条目已排除 -
交互 48 M+J
100 分所有可交互元素 Tab 可达且焦点可见,悬停有反馈,触控目标够大,点击 100 ms 内有变化,reduced-motion 真的减少动画,无可访问性阻断 权重11 公式0.12 可达 + 0.12 焦点可见 + 0.10 悬停反馈 + 0.08 触控目标 + 0.12 点击延迟 + 0.06 reduced-motion 实效 + 0.10 可访问性底线 + 0.30 评审反馈与可供性 Tab 可达 / 焦点可见 / 悬停反馈100% / 100% / 58%触控目标 ≥ 24 px / ≥ 44 px72% / 12%点击到变化 p75463.1 ms(测了 29 个)reduced-motion 实际生效2 / 5 页axe 严重 / 重要2 / 19评审反馈与可供性5(十分制,3 位) 肯定S0c/S1c/S2c焦点蓝框清晰,非1px细描边;B1 至 B4按钮与卡片风格统一,跨页一致;焦点框粗蓝色圆角清晰可见(S0c/S1c/S2c);缩减动效下暂停切为播放键,状态可见(MR);S0c/S1c/S2c 焦点框粗而醒目,非1px细描边;focus_visible_ratio=1,三处样本均验证一致 质疑S0b/S1b/S2b悬停与rest视觉相同,需CSS取样确认是否生效;click_p75=463ms远超100ms门槛,需INP实测轨迹佐证;canvas/slider不可聚焦操作(facts.widgets),需键盘走查视频验证;toolbox/ink/starchart的reduced-motion未生效,需MR多页截图对比确认;悬停与静止视觉无差异(S0b/S1b/S2b),需录屏验证悬停反馈;点击延迟463ms超100ms(click_p75_ms),需复测验证达标 同类工具测得部分本站 47.2,3 个同类中位 71.5,高于 33% 的同类 备注自定义组件不能用键盘操作,可达项封顶 50;axe 违规:/next/journey/ color-contrast(serious);/next/work/ color-contrast(serious), heading-order(moderate);/next/toolbox/ color-contrast(serious);/next/garden/ color-contrast(serious) -
内容 45 M+J
100 分评审按目的达成、工夫、原创、功力、准确五问都给最高级;无占位页;文本唯一、有来源、有日期 权重8 公式0.6 评审(目的达成、工夫、原创、功力、准确,九级量表,按页面角色加权)+ 0.4 机械(占位页 ×2、唯一文本比、条目有来源链接、图片 alt、条目有日期);真实条目 < 3 封顶 50 评审页数 / 评审人数4 / 6占位页16 个唯一文本比81%条目有来源 / 有日期0% / 50%真实条目3 肯定首屏视觉克制专业,B1-home-desktop 印证排版;双入口CTA清晰,降低新访客选择成本;B1-home-desktop:导航完整,暗色设计统一专业;首页文案清楚点出档案馆定位与两条入口路径 质疑精选项目含占位卡,是否降低首屏可信?见项目卡片文案;正文重复2处,是否抓取误差?需查页面DOM确认;精选项目含'示例项目…占位',首页是否该展示?见/next/文本;文本duplicates 2,B1截图未见异常,需查DOM来确认 同类工具测得部分本站 38.5,3 个同类中位 72.3,高于 0% 的同类 备注直接移植 Google 质量评估指南的主内容四问 + 目的达成;AI 参与本身不扣分;仍有占位页:/next/、/next/journey/、/next/work/、/next/toolbox/、/next/now/、/next/lab/concept/ink/、/next/lab/concept/starchart/、/next/lab/concept/starchart/origin/、/next/lab/concept/starchart/e3/、/next/lab/concept/starchart/e4/、/next/lab/concept/dome/、/next/lab/concept/pixel/、/next/lab/concept/starchart/e1/、/next/lab/concept/starchart/next/、/next/lab/concept/starchart/e2/、/next/lab/concept/city/
条为零基线、同比例,竖线是同类中位(只比工具测得的部分)。字母是来路:M 工具测得,可复现;J 三位互不相通的评审按公开量规看图打分取中位;不足三位为暂定;C 对同类跑同样的测量后得到的位置。 1 个维度的评审不足三位,画成半透明。 加分 +2。 标准 v2.1,测于 2026-09-08,Lighthouse 噪声带 ±3.3。
- 2.1 s
- 首页移动端最大内容绘制
- 2
- 可访问性阻断(全站)
- C
- 安全响应头等级
- L0
- 安全暴露等级
同类 3 个,由记录了查询的调研找出(19 组查询、13 个候选、10 个落选): kaopubear 61,maggieappleton 76,andymatuschak 70;本站同口径 61,排第 3。口径:只比双方都用工具测得的维度:流畅、交互、安全、精炼、结构、数据、内容。
评审:claude-sonnet-5,与建造者同属一个模型家族; 审美 6 位有效,交互 3 位有效,结构 3 位有效,精炼 3 位有效,内容 6 位有效,创新 3 位有效。每位评审先给默认模板、普通模板与公认好站打分校准,不合格者作废。 评审噪声带(同一证据另请三位复测,两次维度分之差):审美 ±3,内容 ±2.9。
相簿
五张基准截图,每张配评审的肯定与质疑;分数从这些图来-
1 / 5 首页首屏 让访客立刻理解这是个人成长档案馆,并选择时间线或项目两条路径。
肯定
- [大标题] 衬线大字配深色底,营造档案馆的庄重感
- [双按钮] 主按钮实心、次按钮描边,主次分明因为色块对比清楚
质疑
- [大标题换行] 「项/目」断在词中间,是否响应式断字缺陷?能否看完整版式解除
- [精选项目区] 标题下方大片留白但无卡片,内容是否未加载完?能否看完整加载截图解除
如果:如果标题在词边界断行、精选项目区补上卡片,首屏会更完整可信。
另外 5 位评审
- 肯定:[徽章+大标题] 衬线大字配青色徽章,层级一目了然;质疑:[标题下留白] 首屏空白是否过大?量首屏文本占比能解除
- 肯定:[标题区] 衬线大字号+蓝点徽章,层级分明因为字号跳跃大;质疑:[徽章下方空白] 主视觉后大片空白,是否精选项目未渲染?看整页图核实
- 肯定:[大标题] 衬线体大字号统领全屏,层级一眼可见;质疑:[精选项目区] 全页图B1F该区域无卡片,是否渲染失败?截图时序能解除
- 肯定:[标题区] 衬线大字号与深色背景对比强,主张清楚;质疑:[整屏] 无配图仅文字,能否算一个主体?需看完整滚动是否补足
- 肯定:[徽章] 蓝色胶囊标签先给身份语境,比标题更快建立框架;质疑:[精选项目区] B1F下方现大片空白,是未加载还是设计留白?截取滚动完成后画面能解除
-
2 / 5 栏目页 让访客快速浏览项目清单,按时间与状态判断价值。
肯定
- [卡片组] 两张卡片圆角、间距、标签芯片统一,视觉一致
- [标题] 「做过什么、用什么做的、结果如何」三问式标题直接点明叙事结构
质疑
- [卡片下方空白] 大片留白是否为未来项目预留位?能否看项目增多后的截图解除
另外 4 位评审
- 肯定:[两张卡片] 卡片信息密度一致,标签用等宽字体标出技术栈;质疑:[卡片下方空白] 只有两个项目却留大片空白,是否故意?看更多项目上线后能解除
- 肯定:[卡片网格] 两卡片留白与标签间距一致,因为对齐无偏移;质疑:[卡片区右侧空位] 只两张卡片却留大片空格,是否项目太少?看完整列表核实
- 肯定:[卡片] 两张卡片留白充分,未强行填满三栏模板;质疑:[右侧空白] 卡片仅两张,大片空白是内容不足还是故意稀疏?待项目增多后再看
- 肯定:[卡片] 时间区间+状态标签+工具标签三段式,信息密度合适;质疑:[卡片区] 仅两张卡右侧留大片黑色空间,补充卡片或改栅格能解除失衡观感
-
3 / 5 条目页 用记分卡证明单个项目的深度、可信度与技能证据链。
肯定
- [记分卡条形图] 等宽数字右对齐,因为数据可比、扫读容易
- [M/J来源标签] 区分工具测得与人工评分,评分方法透明
质疑
- [「暂定」标签] 多项标注暂定,最终分数是否会变?能否看两位独立评审转正后的版本解除
另外 5 位评审
- 肯定:[64大数字] 数字先声夺人,比条形图更快传达结论;质疑:[M+J暂定标签] 灰色小标签含义未解释,读者能懂吗?加图例能解除
- 肯定:[64大字] 等宽超大号数字最先入眼,因为字重字号都拉满;质疑:['成形 55至69'] 区间含义不直观,能否加图例说明解除疑惑
- 肯定:[记分卡条形] 等宽数字+青色条形,扫描效率高;质疑:[M+J暂定标签] 单评审分数如何影响最终展示?多评审后对比能解除
- 肯定:[64分] 大数字配区间55至69,给不确定范围而非假精确;质疑:[M+J暂定标签] 是否所有维度都会保留此标签?待三评到齐后验证
- 肯定:[记分卡] 条形图+右对齐等宽数字,93/80/64一眼比出高低;质疑:[评审来源标签] M+J/暂定 混杂出现,点开链接查看评审细节能解除是否可信
-
4 / 5 核心体验页 用可交互星云场景,把「从混沌到点亮」的成长隐喻具象化。
肯定
- [星云主体] 单一视觉焦点撑满画面右侧,没有多余装饰元素
- [底部时间轴] 播放/倍速/重映控件精致,与内容主题呼应
质疑
- [「此处链接」文案] 是否为占位文案尚未替换?能否看正式上线版解除
另外 5 位评审
- 肯定:[中央星云] 真实渲染而非贴图,细节丰富有沉浸感;质疑:[右下时间滑轨] 滑轨与画面对比度低,操作提示够明显吗?测点击热区能解除
- 肯定:[中央星云] 色彩过渡细腻不像平面贴图,因为观感有纵深;质疑:[顶部A-E标签] 另外四个样机是否同等精致?看B/C/D/E截图核实
- 肯定:[星云画面] 真实生成的星云场景,不是占位图;质疑:[M0/M1/M2] 三帧几乎同画面,动效是否推进?录制更长间隔能解除
- 肯定:[星云可视化] 真实WebGL渲染而非贴图,图即内容;质疑:[顶部切换B/C/D/E] 其余概念样机风格是否统一?需逐个比对才能确定
- 肯定:[主视觉] 深色星云配单一光点,一屏一主体,克制不花哨;质疑:[M0-M2三帧] 300ms/600ms画面几乎无差异,更长间隔截图能解除是否真的在动
-
5 / 5 细节特写(2 倍) 在2倍细节放大下检验记分卡区域文字是否经得起细看。
肯定
- [等宽数字] 「2.1 s」「1」「C」等数值与标签对齐工整、无锯齿
质疑
- [右侧文字] 「安全响应」对应值被裁在截图边缘,是否在实际容器内溢出?能否看完整宽度截图解除
另外 4 位评审
- 肯定:[条形图右侧数字] 数字与条形末端精确对齐,列间距一致;质疑:[评审元信息文字] 方法论文字直接写在页面上,该收进脚注吗?看独立文档能解除
- 肯定:[分数列] 每行数字右对齐、字重统一,因为逐行看不出偏移;质疑:['安全响应'一行] 文字贴近裁切边缘,完整宽度下是否截断?需整屏图核实
- 肯定:[进度条] 圆角描边条放大后边缘依旧干净,无锯齿;质疑:[说明段落] 2×裁剪下文字密度偏高,是否影响可读性?需测行长与字号
- 肯定:[记分卡文字] 长段落中文标点与空格排布规整,无明显溢出;质疑:[右侧文字] '安全响应'等词被裁切出画面边界,补全宽度截图能解除是否真溢出
分数随版本
v0-skeleton 79 到 v6-profile 66,6 个版本;各版本只含工具测得的维度,评审分只在当前版本- v0-skeleton 到 v1-live 精炼 -25 “用脚本的形式,不要直接打印文字给我”
- v1-live 到 v2-prototypes 流畅 -29 “不是靠文字来反应美感的”
- v2-prototypes 到 v4-starchart 审美 -13 “每个星球都有轨道…画面元素都单一了”
- v4-starchart 到 v5-lit 审美 -13 “更多的是纯粹的炫技”
- v5-lit 到 v6-profile 扩展 +25 第一份蒸馏产物接入项目页
来源:仓库 mekxa-site