zero-bloat-web-stack-skilllisted
Install: claude install-skill 4ntiDandruff/zero-bloat-skills
# Zero-Bloat Web Stack Skill
Architectural guidelines for building high-performance, mobile-responsive web interfaces consuming <40MB RAM without gigabytes of Node.js dependencies on production servers.
---
## 1. The Zero-Bloat Philosophy
- **Say No to Heavy SPA Frameworks for Internal Utilities**: Massive bundles, hundreds of megabytes of server memory overhead, and churn across major library versions.
- **Embrace Native Web Standards**:
- **Structure**: HTML5 SSR (Jinja2 / FastAPI) for instant First Contentful Paint (<100ms).
- **Visuals**: Tailwind CSS (standalone CDN or micro-compiled single CSS file).
- **Reactivity**: Alpine.js (declarative local component state without build steps).
- **Data Flow**: HTMX (partial AJAX DOM swaps driven directly by server responses).
- **Icons**: Lucide inline SVG vectors (zero icon-font dependencies or emoji clutter).
---
## 2. Minimalist Single-File Backend Pattern (`app.py`)
```python
from fastapi import FastAPI, Request
from fastapi.responses import HTMLResponse
from fastapi.templating import Jinja2Templates
import sqlite3
app = FastAPI()
templates = Jinja2Templates(directory="templates")
def get_db():
conn = sqlite3.connect("data.db", timeout=20.0)
conn.row_factory = sqlite3.Row
# Fortress standard pragmas: WAL mode, synchronous NORMAL, busy_timeout
conn.execute("PRAGMA journal_mode = WAL;")
conn.execute("PRAGMA synchronous = NORMAL;")
conn.execute("PRAGMA busy_timeout = 5000;")
conn.ex