oneshot-webapp

Deploy a Next.js and Tailwind CSS web app to a subdomain with Docker, nginx, and HTTPS.

Updated Jun 6, 2026
One-click install
npx skills add https://github.com/TopengDev/pi-setup --skill oneshot-webapp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: oneshot-webapp
Source: https://github.com/TopengDev/pi-setup/tree/main/skills/oneshot-webapp
Command: npx skills add https://github.com/TopengDev/pi-setup --skill oneshot-webapp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of quickly creating and deploying a professional-grade web app or landing page from a brief, making it ideal for pitches and on-demand demo requests.

Core Features & Use Cases

  • One-Session Deployment: Build and deploy a web app or landing page live to a subdomain in a single session.
  • Pitch-Grade Design: Ensures the output is high-quality and professional, suitable for client presentations.
  • Use Case: When a user needs a quick demo or pitch site, this Skill can be used to create a fully functional site in minutes.

Quick Start

Run the command /oneshot-webapp <brief> to build and deploy a web app or landing page based on the provided brief.

Frequently Asked Questions about oneshot-webapp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Next.js web app to a custom subdomain with HTTPS?

To deploy a Next.js web app to a custom subdomain with HTTPS, you can build the application, create a DNS record, and configure nginx proxying with SSL certificates in a single session using Docker.

Can I build and launch a pitch-grade landing page in one session?

Yes, you can build and launch a pitch-grade landing page in one session. The deployment process uses Next.js and Tailwind CSS to generate a professional design suitable for client presentations.

What is the best way to deploy a Dockerized Next.js application using nginx proxying?

The best way to deploy a Dockerized Next.js application using nginx proxying is to build the container, configure the DNS records for your subdomain, and set up SSL certificates to enable secure HTTPS traffic.

Do I need Docker to set up SSL certificates for a Next.js subdomain?

Docker is used to containerize the Next.js application and streamline the deployment process. Setting up SSL certificates for the subdomain is handled alongside the Docker container configuration and nginx proxy setup.

How does Tailwind CSS integrate into a rapid web app deployment workflow?

Tailwind CSS integrates into the rapid web app deployment workflow by providing the styling framework for the Next.js application. It ensures the deployed landing page has a pitch-grade, professional design built directly within the session.

Why use a single-session deployment process for pitch-grade web apps?

A single-session deployment process for pitch-grade web apps is used to quickly create professional demos from a brief. It eliminates setup delays by handling application building, DNS configuration, and SSL provisioning at once.