趣味作品集！

Source: Dev.to

这是一篇为 Google AI 主办的「新年，新你」作品集挑战赛 提交的作品

关于我

我是 تقن - Ta9in 的创始人。这是我最近使用的称号。作为开发者工作了十年后，我决定创办自己的公司 Ta9in，致力于通过学徒制和真实项目帮助我们以及客户培养下一代优秀问题解决者。

作品集

你可以从 这里 访问该应用，以获得更好的体验。

我的构建过程

我从 Antigravity 开始——这是我目前最喜欢的编辑器。即使是专业订阅，我也很快就碰到了限制，于是放弃了最初的 RPG 风格设想。

为了使用无限制的 AI 助手，我通常在 AI Studio 中工作。这个项目就是用它完成的。我在 Pinterest 上搜索游戏 UI 灵感，挑选了一个喜欢的设计，并给 AI Studio 下了以下提示：

“为作品集展示创建一个类似游戏的像素艺术卡片界面。主题是一个开发者/艺术家从大学学习到……的旅程”

Gemini 对文字的理解非常好，立刻生成了一个游戏主题的 UI。我只需要对样式进行打磨并加入我的数据。整个过程共用了 22 条提示，涵盖数据更新、错误修复、样式微调以及 AI 建议的改进。

最棒的部分是 Gemini 如何扭转我的描述并将其融合进游戏主题中。

我最自豪的地方

最大的挑战是实现游戏化的样式。若手动制作，大约需要一周的专注工作；但有了 AI，我在一天内测试了多种风格，并挑选出最符合目标的那一个。最关键的决定是与 AI 一起进行快速原型和头脑风暴——这也是我现在教给新员工的理念：拥抱 AI 的力量并将其融入工作流。

网站架构刻意保持简洁：单页静态页面（类似早期网页），交互由 React 处理。我为趣味加入了一个细微的 “Nano Banana Generation” 彩蛋。总体而言，这体现了我对个人网站的理念——简洁却实用。参考我的简约个人站点：mohessaid.com。

因为使用了 AI Studio，代码默认采用 React/TypeScript。

未来版本的设想

• 创建一个老式游戏机场景，桌面上摆放游戏卡片。
• 用户可以将卡片拖入卡槽，开启游戏机，随后切换到放大的游戏视图（独立页面）。
• 每张卡片展示我作品集的不同版本，引导用户了解我网站的演变历史。

如果时间允许，我可能会继续开发这个概念。