b047f556874cba20125ac3c198bc04abe266eb5c
- responsive nav: compact sticky topbar + bottom tab bar on mobile (SVG icons, safe-area insets), inline top nav on desktop; no more horizontal overflow - previews show full aspect ratio (object-fit contain) on subtle checker bg for transparency (library, studio, queue) - 16px inputs on mobile (no iOS zoom), tactile :active feedback, larger touch targets - keeps Klarbild identity (Space Grotesk/Mono, blue, paper, regmark), no glows/gradients
Klarbild
Verwandelt Screenshots und Fundstücke in saubere, druckfertige Bilder — Rahmen und Shop-Oberflächen entfernen, exakte Fotoformate (30×40 cm etc.), The-Frame-Querformat, für den Cricut freistellen, und automatisch nach Picdrop ausliefern.
Claim: „Screenshot rein, sauberes Bild raus."
Stack
Astro 5 (SSR, Node standalone) + React-Inseln · Postgres · S3 (MinIO) · pg-boss · sharp · grammY (Telegram) · OKLCH-Tokens, kein Tailwind. Deploy: Gitea → Coolify → Hetzner.
Entwicklung
npm install
cp .env.example .env # Werte eintragen
npm run dev
Migrationen und Seeds laufen beim Serverstart automatisch. Erststart-Passwörter über
SEED_TILL_PASSWORD / SEED_LEA_PASSWORD.
Status
Im Aufbau. Reihenfolge und Nachweise siehe CLAUDE.md. Anforderungen im Handover-Paket
(Imagetool-Lea/00..07). Führend: 01-anforderungen.md.
Description
Languages
TypeScript
86.2%
Astro
10.8%
JavaScript
2.4%
CSS
0.5%
Dockerfile
0.1%