English | 简体中文
A rich text prompt editor in the VS Code sidebar. It helps you assemble project context into a single prompt and copy it in one click, avoiding repetitive manual copy/paste when chatting with LLM tools like Gemini or AI Studio.
When coding in an IDE, I often need to send context to LLM chat tools. Before this extension, I had to copy files one by one and stitch them together manually. Prompt Composer lets me select files inside VS Code and assemble a clean prompt instantly.
- Rich text editing (Tiptap)
- File capsules (files and folders with recursive expansion)
- Click a capsule to open the file in VS Code
- One-click export to clipboard
- Overflow detection with scrolling and a toast hint
- Bilingual UI (Chinese and English, follows VS Code locale)
- Open Prompt Composer in the sidebar.
- Click “Pick Files” or use the Explorer context menu “Add to Prompt Composer” (folders are expanded).
- Click a file capsule to open it in VS Code.
- Use “Copy to Clipboard” to assemble the final prompt.
- Windows/Linux:
Ctrl+Alt+C - macOS:
Cmd+Alt+C
Active only when the Explorer is focused and a file is selected.
pnpm install
pnpm run webview:dev
pnpm run webview:build
pnpm run compilepnpm run build
pnpm run vsix:package.
├─ src/ Extension Host (commands/providers/services)
│ ├─ commands/
│ ├─ providers/
│ ├─ services/
│ └─ types/
├─ webview/ Webview app (Vite + React + Tiptap)
│ └─ src/
│ ├─ app/ App entry (App/main)
│ ├─ components/ UI components
│ ├─ features/ Feature modules (editor)
│ ├─ services/ i18n + VS Code bridge
│ ├─ styles/ CSS
│ └─ types/
├─ media/ Extension assets (icons, webview build output)
│ └─ webview/ Static webview assets
├─ l10n/ Localization
├─ dist/ VSIX build artifacts (ignored)
├─ out/ TypeScript build output
├─ docs/PRD.md Scope and requirements
├─ CONTRIBUTING.md Contribution guide
└─ README.md Project docs
See CONTRIBUTING.md.
MIT