我用 Google AI 将我的不安全感转化为艺术（并构建了这个）

Source: Dev.to

Introduction

此作品是为 Google AI 主办的 新年·新你作品集挑战 所创作。我一直觉得自己看世界的方式与众不同，而网络常常显得静态且“缺乏活力”。我想注入一种人格化、独特的触感，让界面拥有人的温度，为用户体验注入真实的生命力。

Project Overview

该作品集是为 体验 而构建——每一次交互都很重要。例如，悬停在横幅角落会控制波浪并手动切换主题。

Note: 下面的嵌入可能因屏幕尺寸限制部分功能。想要完整、沉浸式的体验，请直接访问： byadhd-dev

这个项目不仅仅是一个作品集，它是 Artode 的实现——艺术 + 代码 的融合。在全职工作的同时，我用 15 天的“氛围编码”冲刺，构建了复杂的场景、自定义图标包以及整个作品集，以将这一愿景付诸实现。

Tools & Workflow

• Google AI Studio – 为横幅设计复杂的主题和活生生的场景，反复迭代直至“感觉”完美。直接从工作室推送代码到 GitHub，使创意到本地环境的转化无缝衔接。
• Antigravity – 作为 Next.js 应用的引擎。
• Gemini 3 Pro 与 Flash 模型 – 处理了约 95 % 的开发（仅在触发速率限制时停止）。它们帮助构思粒子效果、实现复杂逻辑，并在语法之外捕捉氛围。

这种工作流让我能够清晰表达自己的想法，而不被大脑的混乱噪音所淹没。

Features

Interactive Banner & Theme Switcher

一个太阳和波浪系统，既是 活生生的场景，也是功能性的主题切换器，模拟自然光照循环。

Artode‑Icons Package

自定义图标集，因为标准图标对我想讲述的故事来说显得过于僵硬。

“No Guilt” Contribution Graph

一个 GitHub 贡献图，优先考虑美观而非活动连击，强调贡献的艺术性而非压力。

Gamified Endorsements

两个交互式球体会响应光标；它们的碰撞会改变内容，将潜在的弱点（少量背书）转化为有趣、引人入胜的时刻。

Life in Posters

通过实体海报记录生活的爱好，提供独特的互动感受——尤其在移动设备上。

Story‑Based Scroll

一种叙事式滚动体验，文本会自动对齐聚焦，让我以策划的、个人化的方式直接表达感受。

Particle Engagement

从“留下备注”区的文字散开成粒子，到项目画布在悬停时的形变，每个元素都鼓励用户玩耍、探索和互动。

Philosophy & Reflection

我意识到 美好的大脑 加上恰当的表达方式，能让一切顺其自然。通过拒绝平庸，我把静态元素转化为活生生的体验，反映我的情感并克服不安全感。开发过程更像是 用逻辑作画，而非单纯的编码，得益于一套最终能说我语言的工具栈。

Acknowledgements

特别感谢 DEV Community 与 Google 团队 组织这些精彩的挑战，也衷心感谢 Google 让强大的 AI 工具变得负担得起且易于获取，帮助像我这样的创作者实现梦想。