gitwtfhub

wtf is rockcode?

natanavra/rockcode — explained in plain English

Analysis updated 2026-05-18

0TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

TL;DR

RockCode is an unofficial macOS desktop app that gives the Grok CLI coding assistant a sidebar, chat, and diff-review interface.

Mindmap

mindmap
  root((RockCode))
    What it does
      Sidebar of sessions
      Chat with Grok agent
      Diff review panel
    Tech stack
      TypeScript
      Electron
      React
    Use cases
      Browse Grok sessions
      Review git diffs
      Approve tool calls
    Audience
      Developers

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

Why would anyone build with this?

REASON 1

Manage and browse Grok CLI coding sessions from a graphical sidebar instead of the terminal

REASON 2

Review git diffs the Grok agent produced without leaving the app

REASON 3

Approve or deny individual tool calls the Grok agent wants to run

What's in the stack?

TypeScriptElectronReactNode.js

How it stacks up

natanavra/rockcode0xkinno/astraea0xkinno/halcyon
Stars000
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardhard
Complexity2/54/54/5
Audiencedeveloperdeveloperdeveloper

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

How do you spin it up?

Difficulty · easy Time to first run · 30min

Packaged builds are unsigned, so macOS Gatekeeper requires manually clearing the quarantine flag.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice, under the MIT license.

Wtf does this do

RockCode is an independent, unofficial desktop app for Mac that gives the Grok command line coding assistant a graphical interface. Rather than typing commands in a terminal, users see a sidebar listing all their past and current Grok sessions grouped by project, a chat panel in the middle showing the conversation with the AI agent, and a panel on the right showing the code changes, or diffs, that the agent has written. The app is built with Electron and React using TypeScript, and it does not include any of its own account system. Instead, it reads the login information the official Grok command line tool already stores on the user's computer, and it can also trigger the same browser based login flow if the user has not signed in yet. No credentials are copied out of that file or stored elsewhere by the app. Once connected, RockCode talks to a running Grok agent process directly to send prompts and display markdown formatted replies, including any step by step reasoning it chooses to show and any tools it calls along the way. Users can approve or deny individual tool actions from the interface, see the git status and diffs for whatever project the agent is working on, and reopen previous sessions to keep chatting from where they left off, including sessions originally started in a terminal. To use RockCode you need a Mac, a recent version of Node.js, and the Grok command line tool installed and signed in, either through RockCode itself or beforehand. Because the packaged builds are not signed with an Apple developer certificate, macOS will initially refuse to open the app, and the project explains how to remove that quarantine flag for a build you trust. The project explicitly states it has no affiliation with xAI, the maker of Grok, and uses no xAI branding.

Yoink these prompts

Prompt 1
Help me install RockCode and connect it to my existing Grok CLI login on macOS
Prompt 2
Explain how RockCode talks to the Grok agent process to show diffs and chat history
Prompt 3
Walk me through clearing the macOS quarantine flag so I can run a RockCode build I made

Frequently asked questions

wtf is rockcode?

RockCode is an unofficial macOS desktop app that gives the Grok CLI coding assistant a sidebar, chat, and diff-review interface.

What language is rockcode written in?

Mainly TypeScript. The stack also includes TypeScript, Electron, React.

What license does rockcode use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice, under the MIT license.

How hard is rockcode to set up?

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

Who is rockcode for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.