microsoft / microsoft/vscode-livepreview
[Feature Request] Allow Codex CLI to automatically start Live Preview for a specified HTML file
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 596
- Forks
- 119
- Avg merge
- 1d 4m
- Merged PRs (30d)
- 5
Description
Background
I frequently use Codex CLI inside VS Code, and it has become a very useful part of my workflow.
Recently, I noticed that the Claude Code team open-sourced a skill called eli5. It converts Markdown explanations into clearer and more readable HTML pages, then displays them beside the editor. This creates an experience similar to explaining a concept to a five-year-old with a visual artifact.
At the moment, neither Codex CLI nor Claude Code CLI appears to provide built-in Artifacts support. Since this project already provides Live Preview functionality, I would like to use it to create a similar automatic HTML preview workflow.
Current Problem
Live Preview does not currently appear to provide a documented way for an external tool, such as Codex CLI, to open the preview window for a specific HTML file.
The current workflow is:
-
Ask Codex CLI to generate an HTML file;
-
Run:
code -r /path/to/index.html -
Manually click the Live Preview button in VS Code.
This requires an extra manual step and prevents the workflow from being fully automated.
Expected Behavior
Live Preview should allow an external tool to specify an HTML file and:
- Automatically start Live Preview for that file without opening the corresponding HTML file in the editor;
- Open or focus the preview beside the current editor;
- Show a clear error when the file does not exist or cannot be previewed.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source files or tests are named in the issue. Start by locating the Live Preview command and the extension entry point that starts a preview for an HTML file, then trace how an external file path could be supplied without opening the editor. Done means an external tool can start or focus the preview and receives clear errors for missing or unpreviewable files.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, typescript
- Domain
- devtools, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100