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.
Installation
SKILL.md
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: kinfe123/fm-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/kinfe123/fm-skills --skill web-app-architectures- Source
- kinfe123/fm-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
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: kinfe123/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/kinfe123/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 or Cursor
Where is the source repository?
https://github.com/kinfe123/fm-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-11