ShellSignal：为想要信号而非噪声的开发者打造的终端仪表盘

Source: Dev.to

这是一篇提交至 DEV 周末挑战赛：社区 的作品

社区

作为一名住在尼日利亚宿舍的学生开发者，我的带宽——无论是精神上的还是数字上的——都极其有限。在备考 JUPEB 考试的同时，还要在手机屏幕上跟上科技行业的动态，现代网页让人感到疲惫。沉重的 JavaScript 框架、算法驱动的内容流以及点击诱饵让信噪比变得糟糕透顶。

我为初级工程师、自学开发者以及只想获取有价值信息而不被噪音干扰的学生们打造了这个项目。它为需要一个能够剥离臃肿网页、在开发者最专注、最掌控的环境——命令行——中提供高价值技术上下文的“圣地”。

我构建的

ShellSignal 是一个移动优先、复古终端仪表盘，旨在过滤噪音。

• 实时终端栏 – 使用大语言模型（LLM）直接根据当前上下文生成可执行的 Bash 脚本。没有 markdown 格式，没有对话式废话——只有可直接复制粘贴、随时部署的原始 shell 命令。
• 开发健康徽章 – 汇总热门技术新闻，并将其与实时的 GitHub 仓库健康指标关联。通过将 Stars 与 Open Issues 对比，你可以立即了解开源项目是繁荣、维护良好还是已被抛弃——在点击链接之前。
• AI 摘要下拉框 – 按需为每个信息流项目提供摘要，以优化阅读时间。
• 每日简报视图 – 汇总当天的宏观技术趋势。

演示

🔗 实时:

---

代码

(在此添加您的仓库链接)

🟢 ShellSignal

一个零噪声、终端美学的每日仪表盘，面向软件工程师。

ShellSignal 是一个自动化新闻编辑室，聚合顶级开发者故事，评估它们的开源健康度，并使用 AI 生成超简洁的技术执行摘要。它完全运行在云端。

技术栈

✨ 功能

• 每日自动简报
  Vercel Cron 作业每天早晨运行，精选当天的技术热点新闻。

• AI 执行摘要
  集成 OpenRouter（使用前沿模型如 Grok 和 Llama），将数小时的阅读浓缩为三个简明的技术要点。

• 开发健康指标
  通过 GitHub API 交叉引用热门仓库，实时显示星标数、未解决议题以及最近提交时间戳。

• 原生 Markdown 解析
  自定义 React‑Markdown 流程将 AI 输出直接映射到原生 CSS 变量，实现无缝的终端美感。

• 边缘优化
  使用 Next.js App Router 并采用激进的缓存策略构建，实现瞬时加载。

🏗️ 系统架构

Cron 触发器

• Vercel 每天触发一个受保护的 API 路由 (/api/cron/daily-brief)。
• …

---

我的构建过程

Next.js（App Router）

• 一个全局的 AppShell 组件在路由之间保持状态，因此在浏览 Live Feed 和 Archives 时，终端栏、系统 HUD 和 CRT‑scanline 叠加层能够无缝持久存在，而无需重新渲染。

通过 OpenRouter 集成 LLM

• 终端生成器由 Gemini 2.0 Flash 提供动力。
• 核心技术挑战是严格的提示工程，强制模型仅返回 可执行的 Bash 代码，并积极去除 markdown 反引号，以防止 UI 损坏。

纯 CSS 架构

• 为了完全掌控复古美学，完全绕过了沉重的 UI 库。
• 矩阵绿光、CRT 扫描线以及闪烁光标动画均通过自定义 CSS 变量和关键帧实现，使 DOM 保持轻量。

数据获取

• 自定义 API 路由聚合来自 Hacker News 的实时故事。
• 对 GitHub API 的并行请求计算并附加 Dev Health 指标到每条故事上，然后再将数据提供给客户端。

在尼日利亚的旅舍房间里专注构建。致每个只想要信号的开发者。 🖥️