website-building-webapp

Create fullstack web apps from an Express, Vite, React, and Tailwind template.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/aimentor606/aether --skill website-building-webapp-aimentor606
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-building-webapp
Source: https://github.com/aimentor606/aether/tree/main/core/kortix-master/opencode/skills/GENERAL-KNOWLEDGE-WORKER/website-building/webapp
Command: npx skills add https://github.com/aimentor606/aether --skill website-building-webapp-aimentor606

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Defines a scalable approach to rapidly bootstrap fullstack web apps using a pre-wired Express + Vite + React + Tailwind template with a shared design system and references.

Core Features & Use Cases

  • Opinionated fullstack template (Express backend + Vite + React + Tailwind + shadcn/ui) with a unified design system.
  • Guided architecture and design tokens: define data model in shared/schema.ts and wire frontend to backend using a single source of truth.
  • Reusable UI components and template patterns for SaaS dashboards, admin panels, and marketing pages, plus references and templates for rapid reiteration.

Quick Start

Copy the webapp template to your project, install dependencies, and run the development server.

Frequently Asked Questions about website-building-webapp

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

FAQPage Schema
How do I scaffold a fullstack React and Express app with a shared design system?

To scaffold a fullstack React and Express app, this template pre-wires Vite, Tailwind, and shadcn/ui with a unified design system. It provides a single-port backend/frontend stack and templated component library ready for extension.

What is the best way to build a SaaS dashboard using Vite and Tailwind?

The best way to build a SaaS dashboard using Vite and Tailwind is using an opinionated fullstack template. It includes reusable UI components, template patterns, and shared design tokens for rapid iteration.

Can I use this web app template for admin panels and marketing pages?

Yes, you can use this web app template for admin panels and marketing pages. It supplies reusable UI components and template patterns specifically designed for these product page types alongside a cohesive frontend and backend scaffold.

How do I define a data model in a fullstack Vite and Express project?

To define a data model in a fullstack Vite and Express project, you declare it in shared/schema.ts. This acts as a single source of truth to wire the frontend to the backend using guided architecture and design tokens.

Does this React and Express template include UI components for rapid iteration?

Yes, this React and Express template includes a templated component library and reusable UI components built with shadcn/ui. It provides references and templates to ensure rapid reiteration of your web app.

Are there limitations to using a single-port backend and frontend stack for web apps?

A single-port backend and frontend stack limits separate deployment scaling but ensures tight integration. This approach uses a unified design system and shared schema, making it ideal for cohesive SaaS dashboards rather than decoupled microservices.