探索设计 · 前端 · AI 全栈实践

作品集技术笔记可交互项目演示

汇集UI设计作品、前端实战笔记、AI交互Demo。记录设计、编码与AI-Agent全栈开发实践，全部项目附带源码与可运行示例。

一个名叫夕夜的AI智能助手

Hello！欢迎来到 AI智能会话 🤖，使用之前请先登录！

智能AI对话助手，支持工具调用、实时问答。可以帮你搞定面试问答、答疑解惑，高效解决各类学习与日常问题。

最后更新：2026‑09‑05

依托Supabase Auth实现HttpOnly Cookie安全登录，Storage完成头像、作品图片上传；数据库使用触发器自动维护分类作品统计数量。

使用TanStack Query管理接口缓存，统一维护query-keys，多组件共享服务端数据，登录退出自动清理缓存。

清晰分层 lib (SDK实例封装) / utils (纯工具函数) / hooks (自定义业务钩子)；Typescript全链路类型约束，按业务模块拆分类型定义。

针对CLS布局偏移、图片加载抖动进行优化;图片、组件按需懒加载;使用oklch色彩模式自定义shadcn/ui主题，支持亮色/暗黑模式。

笔记模糊检索、作品集多图上传、作品列表关联查询规避N+1查询、个人中心、全局搜索、主题切换。

0/0

UI设计作品集

在这里你可以找到VI设计、UI设计、交互设计、网页设计以及APP设计等。

最后更新：2026‑09‑05

前端学习总结

整理主流前端框架与AI全栈开发实战笔记，包含React、Vue、Next.js、工程化、性能优化、AI‑SDK应用开发、配套可运行Demo与代码示例。

Next.js App Router 路由、布局、服务端组件

最后更新：2026‑09‑05