{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "mensch-maschine-umschalter", "name": "Mensch/Maschine-Umschalter (Agentenansicht)", "name_en": "Human / machine (agent mode) view toggle", "kurz": "Segment-Schalter Mensch/Maschine im Kopf einer SaaS-Seite: Die Maschinenansicht zeigt dieselben Inhalte als Markdown mit Kopier-Knopf, wahlweise unter gleicher URL, als Pfad /ai/ oder als llms.txt.", "kategorie": "Navigation", "kategorie_slug": "navigation", "kategorie_nr": 3, "bau_chat": "C3", "prioritaet": "C", "trendstatus": "aufsteigend", "belegstatus": "belegt", "website_belege": 2, "stimmung": [ "präzise", "verspielt", "experimentell" ], "stimmung_roh": [ "technisch", "augenzwinkernd", "zeitgeistig" ], "technik": [ "css", "vanilla-js", "markdown" ], "technik_gruppen": [ "css", "js" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Ein kleiner Zwei-Wege-Schalter („Mensch / Maschine“ oder „Human / Agent“) sitzt im Kopf oder im Menü. Die Maschinenansicht zeigt dieselben Inhalte als reines Markdown oder strukturierten Text, oft mit einem Knopf „Markdown kopieren“ und Links zum Öffnen in KI-Assistenten. Die gestaltete Ansicht für Menschen bleibt das Haupterlebnis.", "warum_es_wirkt": "Der Schalter zeigt technische Souveränität und Zeitgeist, mit Augenzwinkern. Er bedient Agenten, Entwickler und KI-Suche mit einer sauberen Textfassung, ohne die Gestaltung für Menschen aufzugeben.", "wann_einsetzen": "Tech-affine Studios, Dev-Tools, SaaS, Blogs und Dokumentation. Seiten, deren Leser Inhalte an Assistenten weitergeben (Doku, Preise, Changelog). Kein Versprechen für KI-Suche: Google braucht für AI Overviews und AI Mode keine eigenen Dateien oder Maschinenansichten.", "wann_nicht": "Wenn es keine echte, gepflegte Maschinenfassung gibt. Dann ist der Schalter nur ein Gag.", "varianten": [ "Eigener Pfad: „Machine“ verlinkt auf /ai/… (basement.studio)", "Gleiche URL, umgeschaltete Darstellung mit „Markdown kopieren“ (OneOffTech)", "Nur ein Link auf llms.txt im Footer (optional, ohne belegte Wirkung bei Google)" ], "umsetzung": "Schalter als Radiogruppe (fieldset mit legend, zwei Radios) oder zwei Buttons mit aria-pressed. Der Indikator ist ein Element in einer zweispaltigen Spur und gleitet per translate. Maschinenansicht als eigene Route mit statisch erzeugtem Markdown (text/markdown oder 
) oder per Umschalten eines Wrappers auf derselben URL. Im Head  ergänzen. Für die eigene Route eine kanonische URL setzen, sonst droht Duplicate Content. In der Demo ist der Seitenwechsel als Zustand mit Ladebalken simuliert; auf der echten Seite ist „Maschine“ dann ein Link. llms.txt ist optional und ohne belegte Wirkung bei Google: Laut Google sind für AI Overviews und AI Mode keine neuen maschinenlesbaren Dateien oder KI-Textdateien nötig (developers.google.com/search/docs/appearance/ai-features, Stand 10.12.2025). Für Sichtbarkeit zählen strukturierte Daten, die zum sichtbaren Text passen; dem Kunden die Maschinenansicht nicht als SEO-Maßnahme verkaufen.",
  "mobil": "Funktioniert gleich. Der Schalter bleibt im Kopf oder wandert ins Menü.",
  "reduzierte_bewegung": "Der Indikator springt ohne Transition, die Ansicht wechselt ohne Einblenden.",
  "barrierefreiheit": "Als Radiogruppe mit Legende auszeichnen. Den Wechsel per aria-live ansagen. Die Maschinenansicht ist zugleich eine gute Textalternative."
 },
 "messwerte": {
  "easing": "",
  "dauer_ms": "Indikator 200",
  "stagger_ms": "",
  "distanz": "",
  "sonstiges": "",
  "herkunft": "typisch",
  "quelle": ""
 },
 "kurve": {
  "bezier": [
   0.25,
   0.46,
   0.45,
   0.94
  ],
  "css": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
  "name": "eigene Kurve",
  "dauer_ms": 200
 },
 "gesehen_bei": [
  {
   "seite": "basement.studio",
   "url": "https://basement.studio",
   "auszeichnung": "",
   "beobachtung": "„Human / Machine“-Schalter; „Machine“ verlinkt auf /ai/home.",
   "art": "website",
   "browser_gemessen": true
  },
  {
   "seite": "OneOffTech: Introducing Agent Mode (04/2026)",
   "url": "https://oneofftech.xyz/blog/agent-mode",
   "auszeichnung": "",
   "beobachtung": "Human/Agent-Schalter oben auf der Seite, Markdown-Ansicht mit Copy-Button und Links zu ChatGPT/Claude.",
   "art": "website"
  }
 ],
 "tutorials": [
  {
   "titel": "OneOffTech: Introducing Agent Mode",
   "url": "https://oneofftech.xyz/blog/agent-mode"
  }
 ],
 "kombinierbar_mit": [
  "gleitender-indikator",
  "command-palette-und-ki-suche"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/navigation/mensch-maschine-umschalter/",
  "meta": "https://cecodesign.de/lab/fundus/navigation/mensch-maschine-umschalter/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/navigation/mensch-maschine-umschalter/demo"
 },
 "herkunft": {
  "quelldateien": [
   "navigation.json"
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Segment-Schalter Mensch/Maschine im Kopf einer SaaS-Seite: Die Maschinenansicht zeigt dieselben Inhalte als Markdown mit Kopier-Knopf, wahlweise unter gleicher URL, als Pfad /ai/ oder als llms.txt.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.25, 0.46, 0.45, 0.94) (easeOutQuad, Rezept saas-produkt-praezise)",
   "indikator_ms": 200,
   "indikator": "Daumen translate 0 → 100 % in einer zweispaltigen Spur (grid 1fr 1fr, 3px Innenabstand, Radius 999px), Labeltext wechselt die Farbe mit 200 ms",
   "ansicht_ms": 200,
   "ansicht_bewegung": "alte Ansicht opacity 1 → 0 und translateY 0 → -6px, neue Ansicht opacity 0 → 1 und translateY 6px → 0",
   "zeilen": "Markdown-Zeilen blenden je 200 ms ein (opacity 0 → 1, translateY 4px → 0), Versatz 10 ms je Zeile, höchstens 40 Zeilen gestaffelt",
   "seitenwechsel_ms": 300,
   "seitenwechsel_hinweis": "Varianten Pfad /ai/ und llms.txt: Ladebalken 2px scaleX 0 → 1 in 300 ms, danach Wechsel",
   "ui_ms": 150,
   "kopiert_ms": 1600,
   "tastenkuerzel": "M schaltet um",
   "farben": "Mensch: Grund #fafafa, Tinte #161616, Markenton #0b7a66. Maschine: Grund #08090a, Panel #161718, Text #f7f8f8 / #d0d6e0 / #8a8f98, Linie #242728, Markenton hell #4fd1b2",
   "schrift": "Geist 580 für h1 (clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem), -0.022em, Zeilenhöhe 1), Geist Mono 13.5px/1.75 für Markdown, 11px versal +0.12em für Schalter",
   "vorfuehrung_runde_ms": 7600
  },
  "ausloeser": "klick",
  "touch": "Gleiches Verhalten per Antippen. Schalter bleibt im Kopf, die Navigation entfällt unter 860 px. Labels 34px hoch, Kopier-Knöpfe 38px. Der Hinweis unter dem Schalter und das Tastenkürzel-Zeichen entfallen. Markdown bricht um (pre-wrap), Zeilennummern schmaler.",
  "reduziert": "Alle Transitions und Animationen aus: Daumen springt, Ansicht wechselt sofort, Markdown-Zeilen erscheinen ohne Staffelung, kein Ladebalken.",
  "korrekturen": {
   "beschreibung": "Ein kleiner Zwei-Wege-Schalter („Mensch / Maschine“ oder „Human / Agent“) sitzt im Kopf oder im Menü. Die Maschinenansicht zeigt dieselben Inhalte als reines Markdown oder strukturierten Text, oft mit einem Knopf „Markdown kopieren“ und Links zum Öffnen in KI-Assistenten. Die gestaltete Ansicht für Menschen bleibt das Haupterlebnis.",
   "warum_es_wirkt": "Der Schalter zeigt technische Souveränität und Zeitgeist, mit Augenzwinkern. Er bedient Agenten, Entwickler und KI-Suche mit einer sauberen Textfassung, ohne die Gestaltung für Menschen aufzugeben.",
   "wann_einsetzen": "Tech-affine Studios, Dev-Tools, SaaS, Blogs und Dokumentation. Seiten, deren Leser Inhalte an Assistenten weitergeben (Doku, Preise, Changelog). Kein Versprechen für KI-Suche: Google braucht für AI Overviews und AI Mode keine eigenen Dateien oder Maschinenansichten.",
   "wann_nicht": "Wenn es keine echte, gepflegte Maschinenfassung gibt. Dann ist der Schalter nur ein Gag.",
   "varianten": [
    "Eigener Pfad: „Machine“ verlinkt auf /ai/… (basement.studio)",
    "Gleiche URL, umgeschaltete Darstellung mit „Markdown kopieren“ (OneOffTech)",
    "Nur ein Link auf llms.txt im Footer (optional, ohne belegte Wirkung bei Google)"
   ],
   "umsetzung": "Schalter als Radiogruppe (fieldset mit legend, zwei Radios) oder zwei Buttons mit aria-pressed. Der Indikator ist ein Element in einer zweispaltigen Spur und gleitet per translate. Maschinenansicht als eigene Route mit statisch erzeugtem Markdown (text/markdown oder 
) oder per Umschalten eines Wrappers auf derselben URL. Im Head  ergänzen. Für die eigene Route eine kanonische URL setzen, sonst droht Duplicate Content. In der Demo ist der Seitenwechsel als Zustand mit Ladebalken simuliert; auf der echten Seite ist „Maschine“ dann ein Link. llms.txt ist optional und ohne belegte Wirkung bei Google: Laut Google sind für AI Overviews und AI Mode keine neuen maschinenlesbaren Dateien oder KI-Textdateien nötig (developers.google.com/search/docs/appearance/ai-features, Stand 10.12.2025). Für Sichtbarkeit zählen strukturierte Daten, die zum sichtbaren Text passen; dem Kunden die Maschinenansicht nicht als SEO-Maßnahme verkaufen.",
   "mobil": "Funktioniert gleich. Der Schalter bleibt im Kopf oder wandert ins Menü.",
   "reduzierte_bewegung": "Der Indikator springt ohne Transition, die Ansicht wechselt ohne Einblenden.",
   "barrierefreiheit": "Als Radiogruppe mit Legende auszeichnen. Den Wechsel per aria-live ansagen. Die Maschinenansicht ist zugleich eine gute Textalternative."
  },
  "geprueft": "01.11.2026",
  "notiz": "Welt: Rezept saas-produkt-praezise, erfundene E-Rechnungs-Software Belegwerk aus Aachen (Geist und Geist Mono, Graustufen, ein Markenton #0b7a66). Hero mit echtem HTML-Produkt-UI (Eingang, Prüfregeln nach EN 16931, Buchungsvorschlag SKR03). Maschinenansicht im dunklen Dev-Tool-Schema: dieselben Inhalte als Markdown mit Zeilennummern, „Markdown kopieren“ und „Frage für Assistenten“ (kopiert eine Frage statt auf fremde Dienste zu verlinken). Varianten per Pult: gleiche URL, Pfad /ai/ (simulierter Seitenwechsel mit Ladebalken), llms.txt im Footer. Tastenkürzel M, Hinweis-Blase unter dem Schalter. Referenzen: basement.studio, oneofftech.xyz, linear.app, cursor.com. AD-Review 01.11.2026: Note 5 Zugang 02.11.2026: Zweite Titelzeile #a2a5ab → #898d95 (3,2:1, großer Text). Kontrastmodus: Knöpfe mit Rahmen ButtonText. Korrektur 02.11.2026: llms.txt als „optional, ohne belegte Wirkung bei Google“ gekennzeichnet (Formatzeile der Variante llms.txt in der Demo, wann_einsetzen, varianten, umsetzung); Google-Doku zu AI-Funktionen per Abruf geprüft."
 }
}