人机界面：智能工程作品集

Source: Dev.to

新年新自我作品集挑战提交

由 Google AI 主办

关于我

我叫 Salwa Khattami，是一名 AI 工程师兼系统架构师，我将代码视为活的架构，而不仅仅是指令。我的工作桥接了严谨的工程（数学、物理、AI 流水线）与沉浸式数字体验之间的鸿沟。

我专注于构建智能系统——从 RAG 流水线到计算机视觉模型——并希望我的作品集能够体现这种“系统层面”的深度。我不只是构建网站，我在打造环境。

作品集

作品集链接：
https://portfolio-497550669510.us-central1.run.app/

构建方式

该作品集被打造为一个 “战术工程环境”，旨在呈现出类似高科技系统的抬头显示（HUD）感受。

技术栈

• 核心： React 19, Vite
• 样式： Tailwind CSS（自定义 “Dark Onyx” 设计系统）
• 3D 与动效： React Three Fiber (Drei), Framer Motion
• 图标： Lucide React

与 Google AI 的 “配对编程” 体验

我在整个项目中与 Google 的高级代理编码 AI（Gemini 模型）合作。把 AI 当作 “高级合作伙伴” 让我能够：

• 加速原型设计： 快速迭代 “系统架构” 主题，在几分钟内生成 3D 概念和布局想法。
• 提升代码质量： 高效实现复杂的 Framer Motion 动画（如无限滚动项目）和 Three.js 场景。
• 解决基础设施难题： 调试 Cloud Run 的 Docker 容器，并在 AI 充当我的 DevOps 工程师时配置 Nginx 端口。

这不仅仅是 “生成代码”；更是一场关于 设计、结构和“感受” 的对话。最终呈现的站点既体现了我的个人风格，又借助 AI 的效率得以放大。

我最自豪的地方

• “实时系统” 美学： 作品集并非静态，它拥有 “心跳”（脉冲状态指示器）、用于联系的 “终端”，以及 “指挥中心” 的氛围。
• Git 图谱时间线： 我没有使用普通的简历列表，而是将我的职业路径（教育、实习、黑客马拉松）可视化为 Git 提交图。每个节点都是我个人仓库的一个 “提交”，随成长而分支合并。
• 性能与打磨： 尽管视觉效果丰富（玻璃拟态、3D 球体），站点仍保持高性能和可访问性——这是在开发过程中反复调优的结果。

Status: SYSTEM_ONLINE
Deployed via: Google Cloud Run