skills.rest
yethikrishna
yethikrishnaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webapp

Bootstrap fullstack web apps with Express, Vite, React, Tailwind, and Drizzle ORM.

Updated Apr 16, 2026
Search Tags:#template#react#drizzle#orm#vite#fullstack#express
One-click install
npx skills add https://github.com/yethikrishna/humble --skill webapp-yethikrishna
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp
Source: https://github.com/yethikrishna/humble/tree/main/core/kortix-master/opencode/skills/GENERAL-KNOWLEDGE-WORKER/webapp
Command: npx skills add https://github.com/yethikrishna/humble --skill webapp-yethikrishna

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Builds and bootstraps production-ready fullstack web apps by providing a pre-wired template that combines Express, Vite, React, Tailwind, and Drizzle ORM to reduce boilerplate and setup time.

Core Features & Use Cases

  • Opinionated template stack: Express backend, Vite frontend, React components, Tailwind styling, and Drizzle ORM for data access.
  • Rapid prototyping and onboarding: Launch new projects quickly with a ready-to-run boilerplate.
  • Use Case: Start a SaaS dashboard or admin panel without wiring the entire stack from scratch.

Quick Start

Copy the template to your project directory, install dependencies, and start the development server to see the pre-wired app in action.

Frequently Asked Questions about webapp

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

FAQPage Schema
How do I bootstrap a fullstack Express and React app without writing boilerplate?▼

To bootstrap a fullstack Express and React app without boilerplate, use a pre-wired template that combines Express, Vite, React, Tailwind, and Drizzle ORM to provide a production-ready starting point.

What is the best way to set up a Vite and Express stack with Drizzle ORM?▼

The best way to set up a Vite and Express stack with Drizzle ORM is using an opinionated template that pre-wires the frontend, backend, and data access layers to minimize manual configuration.

Can I use this fullstack template for rapid prototyping an admin dashboard?▼

Yes, you can use this fullstack template for rapid prototyping an admin dashboard because it provides a cohesive stack with backend, frontend, and data layers ready for immediate development.

How do I get started after copying a pre-wired fullstack web app template?▼

To get started after copying a pre-wired fullstack web app template, install the project dependencies and start the development server to see the pre-wired application in action.

Does this fullstack template include everything needed for a production-ready web app?▼

Yes, this fullstack template includes everything needed for a production-ready web app by wiring Express, Vite, React, Tailwind, and Drizzle ORM to satisfy end-to-end scaffolding needs.

Related Skills

Explore More Software Engineering Skills→
miklosmemiklosme

workflow-init

Detect project frameworks and install the Vercel Workflow SDK before node_modules exists.

Community
Intermediate
mabdulraufmabdulrauf

drizzle

Define Drizzle ORM schemas and migrations for PostgreSQL models.

Community
Advanced
corey-alixcorey-alix

Atomic CSS

Create atomic CSS utility classes using token-based custom properties.

Official
Intermediate
storm-softwarestorm-software
3

nx-generate

Generates code artifacts using Nx generators in a monorepo environment.

Official
Intermediate