·web-app-architectures
</>

web-app-architectures

Explains Single Page Applications (SPA), Multi Page Applications (MPA), and hybrid architectures. Use when discussing app architecture decisions, comparing SPA vs MPA, explaining how traditional vs modern web apps work, or when building a new web application.

7Installs·0Trend·@farming-labs

Installation

$npx skills add https://github.com/farming-labs/fm-skills --skill web-app-architectures

How to Install web-app-architectures

Quickly install web-app-architectures AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/farming-labs/fm-skills --skill web-app-architectures
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: farming-labs/fm-skills.

SKILL.md

View raw

Web applications fall into three main architectural patterns, each with distinct characteristics for navigation, state management, and user experience.

The traditional web model - each navigation triggers a full page request to the server.

| Navigation | Full page reload on each route change | | Initial Load | Fast - only current page HTML | | Subsequent Navigation | Slower - full round trip | | State | Lost on navigation (unless stored in cookies/sessions) | | SEO | Excellent - each page is a complete HTML document | | Server | Handles routing and rendering |

Explains Single Page Applications (SPA), Multi Page Applications (MPA), and hybrid architectures. Use when discussing app architecture decisions, comparing SPA vs MPA, explaining how traditional vs modern web apps work, or when building a new web application. Source: farming-labs/fm-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/farming-labs/fm-skills --skill web-app-architectures
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-11

Browse more skills from farming-labs/fm-skills

Quick answers

What is web-app-architectures?

Explains Single Page Applications (SPA), Multi Page Applications (MPA), and hybrid architectures. Use when discussing app architecture decisions, comparing SPA vs MPA, explaining how traditional vs modern web apps work, or when building a new web application. Source: farming-labs/fm-skills.

How do I install web-app-architectures?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/farming-labs/fm-skills --skill web-app-architectures Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/farming-labs/fm-skills