explaingit

urriel/cockpit

Analysis updated 2026-05-18

0HTMLAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

A Claude skill and Python renderer that turns a small JSON spec into a ranked, self-contained HTML attention dashboard pulling from all your scattered daily sources.

Mindmap

mindmap
  root((Cockpit))
    What it does
      Rank daily attention items
      Aggregate scattered sources
      Render HTML dashboard
    Card Types
      Hero card
      Metric card
      List and feed cards
      Note folded card
    Tech Stack
      HTML vanilla JS
      Python renderer
      JSON spec format
    Use Cases
      Morning briefing view
      Agency ops dashboard
      Claude skill integration
    Setup
      Claude skill install
      Standalone Python only
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate a ranked morning briefing from Stripe, Linear, Discord, and your calendar with a single Claude command.

USE CASE 2

Create a self-contained HTML dashboard you can open on mobile or offline, with no server or login required.

USE CASE 3

Build a custom attention view for a client or team by authoring a JSON spec and rendering it with the Python script.

What is it built with?

HTMLJavaScriptPythonJSON

How does it compare?

urriel/cockpitanikchand461/ragbucketclvv/hf-uncensored-model-popularity
Stars000
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/52/52/5
Audiencevibe coderdeveloperdata

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

No dependencies beyond Python 3 for standalone use. The Claude skill requires Claude Code with the skills.sh integration.

MIT license, use, modify, and distribute freely for any purpose, including commercial projects.

In plain English

Cockpit is a tool that creates a single, ranked HTML dashboard showing everything that needs your attention right now. Instead of checking email, calendar, tasks, git notifications, and analytics separately each morning, you collect all of that into one prioritized view. The dashboard answers one question: what demands your attention, and in what order? The design separates data from presentation. A small JSON file describes what to show (the spec), and a Python script turns that spec into a standalone HTML file with all the data embedded inside. The output works offline, on mobile, and anywhere you can open a local file, because nothing is fetched from an external source. An AI agent such as Claude Code with the skill installed is the intended author of the spec: it reads your connected sources, ranks items by urgency, convergence (an item appearing across multiple sources at once), and stakes, then produces the JSON. The renderer only displays it. Cards in the dashboard come in five types: a hero card for the single most important thing, metric cards for overnight numbers with trend indicators, list cards for tasks or replies that need action, feed cards for timestamped activity like commits or mentions, and note cards for folded low-priority context. Each card supports a color accent (red, amber, green, and others) to signal status at a glance. You can install it as a Claude skill with one command and invoke it with /cockpit, or run it standalone with no dependencies beyond Python 3. Sample dashboard specs are included in the gallery folder so you can open a working example right away and replace the data with your own. The MIT license applies.

Copy-paste prompts

Prompt 1
I have the Cockpit Claude skill installed. How do I connect it to my Linear tasks and GitHub notifications for a morning briefing?
Prompt 2
How do I write a Cockpit JSON spec manually that shows three metric cards for Stripe MRR, PostHog signups, and open GitHub issues?
Prompt 3
I want to add a new card type to the Cockpit template for showing a countdown timer to a deadline. How do I modify template.html?
Prompt 4
How does the Cockpit render.py script embed the JSON spec into the HTML file, and how do I automate running it on a schedule?

Frequently asked questions

What is cockpit?

A Claude skill and Python renderer that turns a small JSON spec into a ranked, self-contained HTML attention dashboard pulling from all your scattered daily sources.

What language is cockpit written in?

Mainly HTML. The stack also includes HTML, JavaScript, Python.

What license does cockpit use?

MIT license, use, modify, and distribute freely for any purpose, including commercial projects.

How hard is cockpit to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is cockpit for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub urriel on gitmyhub

Verify against the repo before relying on details.