webapp-gen

Generate a full-stack React, Go, and MySQL web application from a one-sentence requirement.

6|2|Updated Feb 10, 2026
One-click install
npx skills add https://github.com/LingoJack/jcli --skill webapp-gen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webapp-gen
Source: https://github.com/LingoJack/jcli/tree/main/assets/skills/webapp-gen
Command: npx skills add https://github.com/LingoJack/jcli --skill webapp-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

It solves the problem of manually scaffolding and coordinating a complete full-stack web application from idea to deployable project, saving engineers from repetitive setup and integration work.

Core Features & Use Cases

  • Opinionated end-to-end workflow: guides project initialization, requirement analysis, API contract design, frontend prototype, backend design/code, black-box API testing, frontend integration, and final containerized acceptance.
  • API-first contract with enforced response standards: produces a single source of truth (docs/api-design.md) including unified response envelope, error code ranges, pagination, and auth conventions.
  • Safe, repeatable container strategy: uses local development for iteration with podman-based MySQL and final podman compose full-stack verification to reduce “works locally but fails in containers”.

Use case: You receive a one-sentence product idea and need a working React+TypeScript + Go (Gin/Gorm) + MySQL application skeleton quickly, with a documented API contract and an executable end-to-end black-box test script.

Quick Start

Use the webapp-gen skill to generate a complete React + Go + MySQL project by answering one-sentence requirements and letting it follow the required Step 0 initialization and the full workflow.

Frequently Asked Questions about webapp-gen

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

FAQPage Schema
How do I generate a full-stack React and Go web application from a single sentence?

To generate a full-stack web application, you provide a one-sentence requirement and the skill scaffolds the entire project end-to-end. It initializes the repository, designs the API contract, and implements the React+TypeScript frontend and Go Gin backend.

What is an API-first contract workflow for React and Go projects?

An API-first contract workflow establishes a single source of truth, typically docs/api-design.md, before writing application code. It defines unified response envelopes, error codes, pagination, and JWT auth conventions to ensure the React frontend and Go backend remain synchronized.

How do I set up a React TypeScript and Go Gin Gorm project with MySQL and Podman?

Setting up this stack involves initializing a React+TypeScript frontend with Tailwind v4 and a Go backend using Gin and Gorm. The skill configures local development with a podman-based MySQL database and final podman compose full-stack verification.

Does webapp-gen support black-box API testing for containerized applications?

Yes, webapp-gen supports black-box API testing by generating an executable end-to-end test script. It validates the application against the API contract and performs final containerized acceptance using podman compose to prevent local-versus-container discrepancies.

Can I use a different database instead of MySQL for my Go Gin full-stack application?

No, the skill is opinionated and specifically enforces a MySQL database paired with Go Gorm for the backend. It does not support swapping MySQL for alternative databases, as the containerized verification and ORM configurations are tailored to MySQL.

What is the best way to scaffold a React Tailwind v4 and Go backend with unified API responses?

The best way is using an opinionated end-to-end generation workflow that enforces a single API contract. This ensures unified response envelopes and JWT auth conventions are applied consistently across the React Tailwind v4 frontend and Go Gin backend.