Tell Claude "deploy this" and it automatically builds, uploads, configures Nginx, and issues SSL certificates — giving you a public HTTPS URL in seconds.
Focused on frontend preview scenarios, compressing the tedious deployment process into a single natural language command.
Just tell Claude "deploy this" or type /presentation. The entire process is automated — no complex commands to remember.
Integrated acme.sh for automatic SSL certificate issuance and renewal. Every deployment gets HTTPS with zero configuration.
Automatically detects npm, pnpm, or yarn package managers and reads package.json build scripts to adapt to various frontend projects.
Automatically generates virtual host configurations, reloads Nginx, and supports SPA route fallback — no manual server editing needed.
Automatically maintains DEPLOYMENTS.md recording each deployment's project, URL, time, and status for full visibility.
Configure wildcard DNS once, and each project automatically gets a unique subdomain preview URL — no conflicts.
From saying "deploy this" to getting an HTTPS URL — fully automated.
Load server IP, domain, paths, and other settings
Auto-detect package manager and run build command
SCP uploads build artifacts to server site directory
Generate vhost config, issue HTTPS cert, and reload
Output a publicly accessible HTTPS preview URL
Configure once, deploy with one click every time after. Here's what you need to prepare.
A Linux server (e.g. Ubuntu/CentOS) with Nginx installed and the nginx command available. Ports 80 and 443 must be open for HTTP/HTTPS access.
A domain with a *.your-domain.com A record pointing to your server IP. For example, *.preview.example.com → 1.2.3.4. Each project gets a unique subdomain automatically.
Your local machine must connect to the server via ssh and scp commands. Supports key or password auth with root or sudo-capable users.
The server needs acme.sh for automatic SSL certificate issuance and renewal. If not installed, /presentation init will prompt you. Run curl https://get.acme.sh | sh to install.
Install and configure the Claude Code CLI tool. Presentation Skill runs as a Claude Code Skill, supporting both command and natural language triggers.
The project should be a static SPA application (e.g. Vite, React, Vue build output) with a package.json containing a build script. SSR applications (Next.js/Nuxt.js server-side rendering) are not supported.
Tip: DNS propagation typically takes a few minutes to several hours. After configuration, use dig *.your-domain.com to verify. If you only need a single project on a fixed domain, you can skip wildcard DNS and point the domain's A record directly to the server.
Install the skill, initialize the server, deploy your project — it's that simple.
Copy the presentation skill to ~/.claude/skills/ directory. Claude Code auto-detects it. Supports /presentation command and natural language trigger.
Run /presentation init to auto-detect Nginx path, acme.sh installation, create directory structure, and generate config files.
Run /presentation in your frontend project or tell Claude "deploy this" to auto-build, upload, configure, and return an HTTPS URL.
No command needed. Just tell Claude "deploy this project", "publish preview", or "deploy" — it works the same way.
The Skill coordinates the build process locally and interacts with the server via SCP/SSH to complete deployment.