Turn Claude Code output into a live preview URL
Use PreviewShip with Claude Code through MCP or CLI so the agent can generate a live preview URL after it edits your frontend.
Answer First
Claude Code becomes more useful for frontend work when it can finish the last mile: generating a live preview URL after it changes the UI. PreviewShip gives you two ways to do that. Use MCP for native tool calls inside the coding session, or use the CLI if you want Claude Code to drive a terminal command flow.
Deploy build artifacts, not source-code zips.
If you upload a zip, build the project first and zip the static output folder such as dist, build, out, or public with index.html and assets. Do not zip raw React/Vue/Next source folders with package.json and node_modules. Single .html, .md/.markdown, and .pdf files are supported directly by console upload, CLI, MCP, and the VS Code/Cursor extension.
Key takeaways
Recommended workflow
Choose MCP if you want Claude Code to call PreviewShip as a tool.
Choose CLI if your setup is command-driven.
Give Claude Code access to the built frontend folder or workspace.
Ask it to deploy and return the live preview URL after editing the UI.
The workflow difference that matters
Without a deploy integration, Claude Code can stop after writing code. That leaves a manual gap between “the change is done” and “someone can review it.”
PreviewShip closes that gap by making preview publishing part of the same flow.
When this workflow is strongest
This pattern works best for rapid UI iteration, landing page generation, bug-fix validation, and exploratory design work where multiple preview URLs may be created in a single day.
FAQ
Should I use CLI or MCP with Claude Code?
Use MCP when you want native tool calls inside the chat workflow. Use CLI when your environment is easier to control through terminal commands.
Does Claude Code need production deployment access?
Not for this workflow. PreviewShip is optimized for preview sharing rather than replacing your production host.
What does Claude Code usually return after deploy?
A preview URL that can be shared immediately, often alongside a short summary of the UI changes it made.