ferdi2goandClaude Fable 5.1
4ec23ccd25
Käfer-Button unten rechts: nimmt den sichtbaren Bildschirm mit html2canvas (selbst gehostet) auf, Vorschau mit roten Rechtecken, Beschreibung, Name optional, Senden ohne Anmeldung. Aus offenen Dialogen heraus wird der Dialog selbst aufgenommen. Bearbeiter sehen die Meldungen unter „Fehler" mit Zähler, kopieren einen fertigen Claude-Prompt und den Screenshot. Serverseitig: Pfade nur in exakter Schreibweise, /api standardmäßig nur für Bearbeiter mit ausdrücklicher Freigabeliste, Bremse zählt jeden Versuch vor dem Lesen großer Bodies, X-Forwarded-For nur von vertrauten Proxys, Nutzertext im Prompt eingezäunt. HTTP-Tests für die Sperren. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
46 lines
2.0 KiB
Markdown
46 lines
2.0 KiB
Markdown
@.vch/PLATFORM.md
|
|
|
|
<!--
|
|
Die Regeln dieser Umgebung — Deployment, Datenbank, Audit, Veröffentlichen — stehen in
|
|
.vch/PLATFORM.md. Diese Datei wird von VCH gepflegt und überschrieben; lies sie, bevor du
|
|
deployst. Alles ab hier gehört dem Projekt: VCH fasst diese CLAUDE.md nie wieder an.
|
|
-->
|
|
|
|
# Rotatory
|
|
|
|
Wofür dieses Projekt gut ist, und was jemand wissen muss, der hier weiterarbeitet.
|
|
|
|
## Befehle
|
|
|
|
- **Abhängigkeiten installieren:** `npm install`
|
|
- **Entwicklungsserver:** `npm run dev`
|
|
- **Tests:** `npm test`
|
|
- **Bauen:** `npm run build`
|
|
- **Linten:** `npm run lint`
|
|
|
|
## Konventionen
|
|
|
|
- Aussagekräftige Commit-Nachrichten im Imperativ („Suche ergänzen", nicht „Suche ergänzt")
|
|
- Lieber kleine, abgeschlossene Commits als große
|
|
- Vor dem Commit linten und formatieren
|
|
- Tests für die tragende Fachlogik
|
|
- Wenig Abhängigkeiten — was Browser und Node schon können, reicht meistens. Ausnahme mit
|
|
Begründung: `public/vendor/html2canvas.min.js` (Screenshots für Fehlermeldungen; der Browser
|
|
kann Seiten nicht selbst fotografieren), selbst gehostet, nichts von fremden Servern laden
|
|
- Semantisches HTML, mobil zuerst, bedienbar per Tastatur, ausreichender Kontrast
|
|
- Konfiguration über Umgebungsvariablen; keine Zugangsdaten im Quelltext
|
|
|
|
## Design
|
|
|
|
Die Oberfläche folgt dem tradeo Corporate Design System in `docs/DESIGN.md`. Kurzfassung für die App:
|
|
|
|
- Farben: nur tradeo Blue `#122E45` und Weiß. Neutraltöne als Deckkraft-Abstufungen von tradeo Blue
|
|
(`--tint-*`, `--line*`, `--text-*` in `public/style.css`). Keine neuen Farben erfinden.
|
|
- Schrift: Poppins (600/500) für Titel und Kennzeichen, Inter für alles andere; beide selbst gehostet
|
|
unter `public/fonts/`.
|
|
- 8-px-Raster, Radius 6 px, linksbündig, ruhige Flächen, dezente Trennlinien statt Kästen.
|
|
- Keine Emojis als Icons; nur schlichte Linien-SVGs mit funktionalem Zweck. Sentence case, keine
|
|
Ausrufezeichen.
|
|
- Was das CDS offen lässt (Statusfarbe, Radius, Icon-Familie, Dark Mode), ist im Kopf von
|
|
`public/style.css` als offene Designentscheidung vermerkt und dort zentral änderbar.
|