N
Nizzo@nizzo-dev
首页关于项目笔记简历联系
N
Nizzo

@nizzo-dev

前端工程师 · Vue / React 双栈 · 多端交付 · AI 工程化

导航

  • 首页
  • 关于
  • 项目
  • 笔记
  • 简历
  • 联系

链接

  • GitHub
  • Email

合作咨询

发送邮件

Vue / React · 多端 · 可视化 · AI 工程化

© 2026 Nizzo. All rights reserved.

ai

热点 AI

以对话方式获取全网热榜,并由 AI 自动总结当日热点的智能助手。

返回项目列表在线演示源码

项目概览

项目简介

基于 Next.js 16 + Vercel AI SDK + DeepSeek 构建的热点对话应用。用户只需说出想看的榜单(如微博热搜、抖音热榜),模型会通过工具调用检索上千个数据源、拉取实时榜单并渲染为列表,随后自动按主题分组总结当日热点。界面采用玻璃拟态风格,支持昼夜主题切换,空对话时提供可直接点击的模板提问。

核心流程

用户最常使用的主界面与关键决策路径。

系统细节

展示交互模型、数据状态或后台能力的局部细节。

问题背景

热点 AI 需要把业务需求转化为稳定、可理解、可持续迭代的前端体验,而不是只完成单个页面。

我的角色

我在项目中承担独立设计与开发角色,重点负责界面结构、组件边界、交付质量,以及支撑体验的工程决策。

解决方案

项目以 Next.js 16、AI SDK、DeepSeek 为主要技术基础,通过可复用 UI 模式、清晰的状态边界和围绕核心流程组织的页面结构来推进落地。

最终结果

热点 AI 最终形成了更清晰、更易维护的产品界面,具备可复用实现模式,也为后续迭代留下了结构空间。

技术亮点

对话式查询千余个平台热榜,模型自动调用工具检索榜单
热点列表实时渲染,AI 自动分组总结当日要点
玻璃拟态界面、昼夜主题切换与灵动的模板提问卡片

复盘总结

这个项目最有价值的部分不只是完成页面,而是把流程讲清楚、抽象选准确,并在复杂度上升时保持界面可理解。

项目信息

年份2026
角色独立设计与开发
分类ai

技术栈

Next.js 16AI SDKDeepSeekTailwind 4TypeScript

约束条件

  • 让非技术用户也能快速理解核心流程
  • 在交付速度和长期可维护性之间取得平衡
  • 保证主要使用场景中的交互质量和状态一致性