Kingsmont：如何不让 AI 编造一家投资公司

让语言模型做一个投资公司网站，很快就会出现管理数十亿资产、几十年经验，还有一张人们自信望着玻璃大楼的照片。有时，公司根本还没提供上述任何信息。

Kingsmont 的任务是用真实资料组织出有说服力的业务展示。需要的是结构、视觉纪律和可运行页面，而不是公司履历生成器。

“Kingsmont——首屏”保留项目真实内容和设计。

Kingsmont——首屏

归档界面 · 演示数据

手快，决策慢

开发中使用了 Cursor 和 Codex。可以把组件、响应式状态、重复修改和实现检查交给它们。但公司是谁、做什么、可以发布哪些声明，是工作输入条件，而不是设计稿上的空白位置。

网站基于 Astro 和 TypeScript，以静态形式提供，样式使用 Tailwind。第一版的动效由 CSS 和 IntersectionObserver 实现：浏览器告知某个区块进入视口，然后应用相应状态。无需为此引入大型动画引擎。

我关心的是分寸。机构网站的表现力，常来自停顿、标题尺度和元素之间的距离。如果每行都动起来，它就像一家急着马上留下印象、却不确定还能不能得到第二分钟的公司。

这项工作里哪些属于人

选择事实，拒绝未经证实的数字，发现听起来庄重却什么都没说的段落，让联系页和首屏保持同样质量。组件写得更快，不会让这些决策消失。

“Kingsmont——内页”保留项目真实内容和设计。

Kingsmont——内页

归档界面 · 演示数据

已发布的网站可以打开查看。但我不会据此推导投资者信任增长或咨询增加，那需要独立测量。这里展示的是开发成果，以及实现它的方法。

Kingsmont——联系页面

归档界面 · 演示数据

在 Kingsmont，我把组件和响应式状态交给智能体，自己负责结构、资料和视觉呈现。更快写代码很有用，但在此之前，仍必须决定公司该如何介绍自己。

下一阶段：Antigravity 与 Gemini

Cursor 和 Codex 是 Kingsmont 的一个阶段。后来我用 Google Antigravity 和 Gemini 设计并搭建新版本。按我的估计，后期这一阶段不到一个工作日。这不是整个项目的开发时长；公司资料和真实业务信息仍是输入。

我把视觉方向称为 Quiet Institutional Power：深色配色、克制呈现、大字号排版，以及清晰组织的信息。代码仓库依据公司的正式资料。没有来源的投资组合公司、投资指标和其他声明都未加入文案。

新版本的图片由我用 AI 制作，视觉方向也由我决定。管理层部分保留真人照片，办公环境则为生成内容。这些是合成图，并非团队在那些办公室中的纪实照片。

该版本在 Astro、TypeScript 和 Tailwind 基础上，加入自制 Three.js WebGL 地球、通过 Zod 验证结构化 JSON，以及 Sharp 图片处理。标题使用 Syne，正文与界面为 IBM Plex Sans，辅助标签为 IBM Plex Mono。设计令牌帮助在智能体协作中保持尺寸、间距和排版一致。

简单动画仍由 CSS 和 Intersection Observer 处理；第一版没有引入 Framer Motion 或 GSAP。仓库中有针对管理层资料、公开声明和联系表单的独立检查。这些任务不能只看编译成功。

这个阶段把研究、结构、视觉语言、图片、界面、开发和结果检查结合起来。各环节之间的切换缩短了，对内容的责任却没有变。

Kingsmont 的故事中，我区分两个阶段及其工具。“不到一个工作日完成”的版本，指后期 Antigravity 与 Gemini 阶段，而不是整个项目。所展示的原始页面和 AI 合成图，也都要对应各自版本。

查看 Kingsmont.

项目画面与录屏

相关故事：Horizon · Connection.me 与 RTL.