这里集中放我当前更希望被看到的项目。它们都不是单纯的练习截图,而是围绕真实开发场景整理出来的作品:Three.js 作品集实验室、本地云资源运维、开发现场恢复、Pull Request 证据检查、智慧社区数据大屏、Vue 与 Flask 全栈系统、产品界面原型,以及可以直接打开的前端成品。
如果你想直接从 GitHub 仓库角度筛选,可以看 404_@林达 GitHub 项目索引。
Signal Atlas
Signal Atlas 是一个 Three.js 作品集实验室,用 WebGL 场景、CSS3D 显示器投影和 Vue 项目图谱展示项目证据、截图、标签和开源方向。它更像一个可二次开发的个人作品集引擎,而不是普通 landing page。

这张图来自公开演示站的真实运行画面,只展示作品集引擎、项目入口和公开截图,不包含私人账号、凭据或真实业务数据。
适合参考 Three.js portfolio、CSS3D monitor projection、Vue project atlas、WebGL personal site 和静态作品集引擎。可以先看 Signal Atlas 详情页,进入 GitHub 仓库,或者打开 线上演示。
Local AI Ops
Local AI Ops 是一个面向局域网和本机部署的阿里云 AI 运维工作台,用 FastAPI、React、PostgreSQL、Redis、Celery 和阿里云 OpenAPI 管理云资源、监控检查、告警和 AI 排查建议。

这张图来自本地空数据实例,不包含真实云账号、IP、域名、实例 ID 或监控结果。
适合参考 local LAN ops console、Alibaba Cloud ops dashboard、FastAPI React ops console、CloudMonitor dashboard 和本地优先的诊断工具实现。可以先看 Local AI Ops 详情页,再进入 GitHub 仓库。
Dev Cockpit
Dev Cockpit 是一个本地资源雷达工作台,用来收集 GitHub 仓库、Demo、工具和教程,并通过卡片库、分类筛选、价值评分和星云图整理开发资料。它适合经常收藏技术资源、需要定期复盘工具链的个人开发者。

适合参考 developer resource dashboard、GitHub resource manager、resource radar 或 Electron + Vue 本地工具。可以先看 Dev Cockpit 详情页,再进入 GitHub 仓库。
ProofPR
ProofPR 是一个 GitHub Action 和 CLI,用来整理 Pull Request 中的证据信号,包括 secrets、依赖风险、CI 权限、MCP 安全和 review 线索。目标是让开源维护者更快判断一个 PR 是否值得合并、需要补充什么证据。

适合关注 pull request review automation、GitHub Actions security、PR triage 和 maintainer tools 的场景。可以先看 ProofPR 详情页,再进入 GitHub 仓库。
AI-Vue3-python-flask-Blog
AI-Vue3-python-flask-Blog 是一个 Vue 3、Flask、MySQL 和 AI 能力组合的博客系统,覆盖前端页面、后端接口、数据持久化和内容管理。它适合作为课程设计、毕业设计、全栈项目练习和二次开发基础。

如果你在搜索 Vue Flask full stack project、Vue3 Flask MySQL blog system、AI blog system、graduation project 或 course design,可以先看 AI Vue Flask Blog 详情页,再进入 GitHub 仓库。
AI-v0.dev-
AI-v0.dev- 是一组 TypeScript 前端原型,用来探索 AI 产品界面、快速页面生成、组件组合和 v0.dev 风格的交互表达。它更适合看界面实验、AI UI prototype、Next.js、Tailwind 和前端产品想法。

如果你想看 AI learning dashboard、Next.js dashboard、v0.dev workflow、shadcn/ui 或 Tailwind 产品原型,可以先看 AI-v0.dev- 详情页,再进入 GitHub 仓库。
线上成品
Vue-blog
Vue-blog 是一个 Vue 博客前端项目,展示文章入口、AI 中心和数据分析看板等页面结构。线上演示:vue-blog-smoky.vercel.app。

如果你想看 Vue blog project、front-end learning notes、content presentation 或内容型应用结构,可以先看 Vue-blog 详情页,再进入 GitHub 仓库。
echarts-learn
echarts-learn 是一个 Vue、Nuxt 和 ECharts 数据可视化练习项目,展示 dashboard 布局、柱状图、雷达图、关系图、环形图和词云等页面组合。

如果你想看 Vue ECharts dashboard、ECharts data visualization、Nuxt dashboard 或图表组件组织方式,可以先看 echarts-learn 详情页,再进入 GitHub 仓库。
bilibili-nuxt3
bilibili-nuxt3 是一个 Nuxt 3、Vue、TypeScript 和 Vant 移动端项目实战,展示 SSR、SEO、频道导航、视频列表和详情页结构。

如果你想看 Nuxt 3 project、Nuxt SSR SEO、Vue mobile app 或 Vant UI 移动端页面结构,可以先看 bilibili-nuxt3 详情页,再进入 GitHub 仓库。
feidu
feidu 是一个 Nuxt 3、Vue、Tailwind CSS 和 ECharts 智慧社区数据大屏项目,展示社区管理、安防监控、CIM 平台、能源检测和节能分析等可视化界面。线上演示:feidu-murex.vercel.app。

如果你想看 smart community dashboard、Vue ECharts dashboard、Nuxt 3 data visualization、security monitoring dashboard、energy monitoring dashboard 或 CIM platform UI,可以先看 feidu 详情页,再进入 GitHub 仓库。
如果项目对你有帮助,欢迎在对应 GitHub 仓库点 Star。Star 是我判断后续优先完善哪个项目的最清晰信号。