crisnc100

Agent Config Studio — Development skill for Claude Code

Development community

Local web app to view, edit and version every Claude Code, Codex and Grok config surface on your machine.

How to install Agent Config Studio

This entry records only its repository, not the path inside it, so there is no exact command to give. Open crisnc100/agent-config-studio and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Agent Config Studio does

Local web app to view, edit and version every Claude Code, Codex and Grok config surface on your machine.

Alternatives in Development

Nexting — Remote control for Claude Code, Codex, Grok, and Cursor on Mac or PC 1.3k ★
Chops — 1,000+ macOS app to browse, edit, and manage skills across Claude Code, Cursor, Codex, Windsurf, and Amp 1.1k ★
Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★

README

Agent Config Studio

[MIT licensed](LICENSE) · `npx agent-config-studio`

A local web app for reading, editing and versioning the config of the AI coding CLIs on your machine — Claude Code, Codex and Grok — in one place, rendered properly: instructions (`CLAUDE.md`, `AGENTS.md`), skills, MCP servers, hooks, settings, the models they use, and your subscription headroom.

Get started

What you need

**macOS.** On Linux the server and the browser UI work; the extras listed under [Linux](#linux) are best-effort.
**Node.js 20 or newer** (`node --version`) and **git**: the studio keeps the history of your config files in a git repo of its own, and `acs` refuses to start without git. Nothing else is installed: there are no npm dependencies.

**At least one of the CLIs**, installed and signed in:

CLI	Install	Sign in
Claude Code	`curl -fsSL https://claude.ai/install.sh \| bash`	`claude auth login`
Codex	`npm install -g @openai/codex`	`codex login`
Grok	`curl -fsSL https://x.ai/cli/install.sh \| bash`	`grok login`

The setup screen shows the same commands for whichever is missing, so you can also install them after starting.

Steps

npx agent-config-studio

That fetches the package and starts the studio at in your browser. The first time, it opens on the **setup screen**:

CLIs — which of claude, codex and grok it found, their versions, and whether each is signed in. Installed one just now? Recheck.
Accounts — the subscriptions ("seats") to track in Usage, suggested from the CLIs it found. Optional.
Project folders — where your repos live. Scan for projects looks a few levels into ~/Documents, ~/code, ~/Projects and similar, or type a path. Each folder is read (listed in Context, Skills and Worktrees) or edit (its instruction files are also editable here).
Done — optional next steps. Finish