till
f2793a34c3
- Editor als Hero mit Empty-State-Affordance (Paste-Glyph + Key-Hints) - Dateiname mit auto/eigen-Indikator und Flash bei Auto-Update - Live-Statusbadge 'HTML->Markdown konvertiert' mit Puls - Verfeinerte OKLCH-Palette (getoente Neutrals, ein Accent), Type-Hierarchie - Header-Wordmark + Keyboard-Legende - Motion (ease-out-quint) mit prefers-reduced-motion, :focus-visible, aria-live Toast - Responsive (Mobile-Layout), Danger-Flash bei leerem Speichern - PRODUCT.md + DESIGN.md (HD Design-System dokumentiert) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
36 lines
1.6 KiB
Markdown
36 lines
1.6 KiB
Markdown
# clip2md — Product Context
|
|
|
|
**register: product**
|
|
|
|
## Product Purpose
|
|
|
|
Ein winziges, self-hosted Utility: langen oder formatierten Text (Reddit-Thread, Website,
|
|
Artikel) reinpasten und in unter zwei Sekunden als sauberes `.md` speichern — ohne Umwege,
|
|
ohne Login, ohne Server-Roundtrip. Ein einziger Screen, tastaturgetrieben.
|
|
|
|
## Users
|
|
|
|
Till (Heidrich Digital) und Team. Power-User, die schnell Web-Inhalte in ihr Markdown-Archiv
|
|
(Obsidian, Outline, Repos) überführen. Nutzung am Desktop, oft nebenbei zwischen Lesen und
|
|
Ablegen. Erwartung: reagiert sofort, kein Nachdenken, Keyboard-first (`⌘V`, `⌘S`).
|
|
|
|
## Brand & Tone
|
|
|
|
Heidrich Digital: ruhig, präzise, editorial-minimalistisch, anti-AI-slop. Deutsch, sachlich,
|
|
auf Augenhöhe. Kein Marketing-Geschrei, keine Emojis im UI. Das Tool soll sich wie ein
|
|
scharfes, wertiges Werkzeug anfühlen, nicht wie ein SaaS-Dashboard.
|
|
|
|
## Strategic Principles
|
|
|
|
- **Frictionless.** Der schnellste Weg von Zwischenablage zu `.md`. Jeder Klick, der wegfällt, ist ein Gewinn.
|
|
- **Clientseitig & privat.** Nichts verlässt den Browser. Kein CDN, keine Third-Party-Requests (DSGVO-sauber, offline-fähig).
|
|
- **Keyboard-first.** Maus optional. `⌘V` konvertiert, `⌘S` speichert.
|
|
- **Ehrliches Feedback.** Der Nutzer sieht, was passiert ist (konvertiert vs. roh), ohne dass es aufdringlich wird.
|
|
|
|
## Anti-References
|
|
|
|
- Generische SaaS-Cards mit Icon + Heading + Text.
|
|
- Hero-Metric-Kacheln, Gradient-Text, Glassmorphism.
|
|
- Überladene Toolbars. Dieses Tool hat genau die Knöpfe, die es braucht.
|
|
- Bunte „freundliche" Farbverläufe. Ruhe schlägt Effekt.
|