AI项目

JCHIN.X 个人站

AI 时代产品经理的全方位个人展示载体，以深海为视觉主题，融合 Three.js 交互与 CMS 内容管理，展示审美、产品、想法与能力。

项目介绍

这是一座深海中的数字空间，汇聚先锋洞察、生成式创意与沉浸式叙事。Astro 5.x 静态站点生成，Three.js 首页水波纹着色器，Content Collections 结构化内容管理，响应式设计适配桌面端与移动端。

首页：深海视觉主题 + 水波纹交互 + 打字机动效；项目库：分类展示 AI 项目与行业实践；AI 知识库：Prompts / Skills / Thinking 分类沉淀认知资产；AI 工作空间：大模型、设计灵感、3D 技术、组件库等工具资源整合。

以"深海"为核心视觉叙事，暗色背景配合蓝色系光晕与动态网格，营造沉浸式探索感。全站 UI 自行设计，追求简洁、克制、有呼吸感的视觉节奏。

问题

传统简历是一张纸，作品集只是截图堆叠。AI 时代的产品经理需要一个全方位展示自己的载体——审美、产品、想法、能力、个人感受，都应该被一个完整体验承载。

方案

用 Astro 搭建个人站，包含首页（Three.js 水波纹交互）、项目库（CMS 驱动的详情页）、AI 知识库（Prompts/Skills/Thinking）、AI 工作空间（工具资源整合）。全站 UI 自行设计。

决策

选择"深海"作为视觉主题，源于对大海深处神秘感的长期迷恋。信息架构分四个板块：首页负责第一印象，项目库展示落地能力，知识库展示思考深度，工作空间展示工具敏感度。每个板块服务于"让面试官全面了解我"这个核心目标。

结果

耗时约 2-3 天完成。前期素材收集（参考网站、代码实现）是最耗时的环节，后期借助 AI 编码工具生成主体框架再做微调，效率显著提升。

复盘

核心认知：AI 擅长复刻而非原创，AI 时代 PM 的关键能力是资源整合与调用——先收集高质量的参考素材和代码资源，再让 AI 基于这些输入生成，既能减少 token 浪费，又能保证产出质量。盲目让 AI 从零生成是低效的，精准喂料才是正确的工作流。