SkillsLLM
Back to catalog

Frame

by kaanozhan

Pending

ide for vibecoders who use claude code

178stars
13forks
JavaScript
Added 2/3/2026
View on GitHubDownload ZIP
IDE Extensionsclaude-codeidetask-managementvibe-coding
Installation
# Add to your Claude Code skills
git clone https://github.com/kaanozhan/Frame
README.md

Frame

A lightweight, IDE-style desktop application built specifically for working with Claude Code. Think VS Code, but streamlined for Claude Code workflows. <img width="1464" height="852" alt="Screenshot 2026-01-28 at 01 00 37" src="https://github.com/user-attachments/assets/8699c91f-35ea-4c3d-b871-56962e427017" />

What is this?

Frame is a project management IDE for Claude Code that aims to:

  1. Bring a standard to Claude Code projects - Consistent project structure with CLAUDE.md, STRUCTURE.json, PROJECT_NOTES.md, and tasks.json
  2. Improve context and memory problems as projects grow - Automatic context preservation, session notes, and decision tracking
  3. Make project management easier - Visual task management, plugins panel, and streamlined workflows

This is an Electron-based desktop application that combines:

  • Project Explorer (left panel) - Browse your project files with a collapsible tree view
  • Multi-Terminal (center) - Multiple terminal instances with tabs or grid view
  • File Editor - Quick overlay editor for file viewing and editing
  • Prompt History (right panel) - See all your commands with timestamps

The key innovation: Claude Code launches directly in your selected project directory, so you don't need to cd around. Just select a project, click "Start Claude Code", and you're ready to go.

Why build this?

The Core Problem: As projects grow with Claude Code, context gets lost between sessions. Decisions are forgotten, tasks slip through the cracks, and you end up re-explaining the same things over and over.

Frame's Solution: A standardized project structure that Claude Code reads automatically at the start of each session, combined with tools to track decisions, tasks, and context - so nothing gets lost.

When working with Claude Code, you often need to:

  1. See your project structure
  2. Run Claude Code in the right directory
  3. Track what commands you've run
  4. Switch between projects quickly
  5. Work with multiple terminals simultaneously

This app does all of that in one window, with a clean VS Code-inspired interface.

Screenshots

┌──────────────┬─────────────────────────┬──────────────┐
│   Project    │      Terminal Tabs      │   Prompt     │
│   Explorer   │ [Term 1] [Term 2] [+]   │   History    │
│              ├─────────────────────────┤              │
│ 📁 src/      │                         │ 2026-01-21   │
│   📄 app.js  │  $ claude               │ > claude     │
│ 📁 test/     │  > Help me refactor...  │              │
│ 📄 README.md │                         │ 2026-01-21   │
│              │  [Claude response]      │ > /init      │
│ [Start       │                         │              │
│  Claude]     │                         │              │
└──────────────┴─────────────────────────┴──────────────┘

Features

Core Features

  • IDE Layout: 3-panel design (explorer, terminal, history)
  • Real Terminal: Full...