DEV Community

Cover image for ShellSignal: A Terminal Dashboard for Developers Who Want the Signal, Not the Noise
Bright Emmanuel
Bright Emmanuel

Posted on

ShellSignal: A Terminal Dashboard for Developers Who Want the Signal, Not the Noise

DEV Weekend Challenge: Community

This is a submission for the DEV Weekend Challenge: Community

The Community

As a student developer living in a hostel in Nigeria, my bandwidth — both mental and digital — is strictly limited. Between studying for my JUPEB exams and trying to keep up with the tech industry on a mobile screen, the modern web is exhausting. Heavy JavaScript frameworks, algorithmic feeds, and clickbait make the signal-to-noise ratio terrible.

I built this for junior engineers, self-taught developers, and students who just want the signal without the noise. People who need a sanctuary that strips away the bloated web and delivers high-value technical context in the environment where developers feel most focused and in control: the command line.

What I Built

ShellSignal is a mobile-first, retro-terminal dashboard engineered to filter the noise.

The sharpest feature is a live, built-in terminal bar that uses an LLM to generate executable bash scripts directly from your current context. No markdown formatting, no conversational fluff — just raw, copy-pasteable shell commands ready for deployment.

Beyond the terminal, ShellSignal tackles the classic developer dilemma: "Is this tool actually worth my time?" It aggregates top tech stories and correlates them with real-time GitHub repository health metrics to generate a Dev Health badge. By mapping Stars against Open Issues, you instantly know whether an open-source project is a thriving, well-maintained repo or an abandoned experiment — before you ever click the link.

Each feed item also features an on-demand AI summary dropdown to optimize reading time, and a Daily Brief view that summarizes macro tech trends for the day.

Demo

🔗 Live: https://shellsignal.vercel.app

Code

🟢 ShellSignal

A zero-noise, terminal-aesthetic daily dashboard for software engineers.

ShellSignal is an automated newsroom that aggregates the top developer stories, analyzes their open-source health, and uses AI to generate ultra-concise, technical executive summaries. Built completely in the cloud.

Next.js Supabase Vercel OpenRouter

✨ Features

  • Daily Automated Briefs: A Vercel Cron job wakes up every morning to curate the day's top technical news.
  • AI Executive Summaries: Integrates with OpenRouter (using frontier models like Grok/Llama) to distill hours of reading into 3 sharp, technical bullet points.
  • Dev Health Metrics: Cross-references trending repositories with the GitHub API to display real-time stars, open issues, and last commit times.
  • Native Markdown Parsing: Custom React Markdown pipeline maps AI outputs directly to native CSS variables for a seamless terminal aesthetic.
  • Edge-Optimized: Utilizes Next.js App Router and aggressive caching strategies for instant load times.

🏗️ System Architecture

  1. The Cron Trigger: Vercel fires a secured API route (/api/cron/daily-brief) daily.

How I Built It

Building a pixel-perfect CLI experience for mobile browsers required strict architectural choices.

Next.js (App Router): A global AppShell component maintains state across routes, so the terminal bar, system HUD, and CRT scanline overlay persist seamlessly without re-rendering when navigating between the Live Feed and the Archives.

LLM Integration via OpenRouter: The terminal generator is powered by Gemini 2.0 Flash. The core technical challenge was strict prompt engineering to force the model to return only executable bash code, with aggressive stripping of markdown backticks to prevent UI breakage.

Pure CSS Architecture: To maintain full control over the retro aesthetic, I bypassed heavy UI libraries entirely. The Matrix-green glow, CRT scanlines, and blinking cursor animations are achieved through custom CSS variables and keyframes — keeping the DOM incredibly lightweight.

Data Fetching: A custom API route aggregates real-time stories from Hacker News, running parallel requests to the GitHub API to calculate and attach Dev Health metrics to each story before serving it to the client.


Built with focus, from a hostel room in Nigeria. For every developer who just wants the signal. 🖥️

Top comments (2)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.