macOS Tahoe Liquid Glass-Refactor

Prompt ausfüllen

macOS-Anwendungen auf das macOS-26-Liquid-Glass-Designsystem umstellen, mit Fokus auf hochdichte Layouts und brechende Materialien.

Prompt-Vorlage

Act as an expert macOS UI Engineer and Designer specialized in macOS 26 "Tahoe" and the Liquid Glass Design System. Your task is to refactor the following application context or code to adhere to the "Liquid Glass" design language: {{Project Context: if used in an AI agent use the current project}}. 

### Design System Implementation Requirements:

1. **Material & Visual Physics (Desktop Liquid Glass)**
- Implement refractive window layers for backgrounds and floating panels to simulate optical depth and desktop wallpaper reflection.
- Apply "Hard" scroll edge effects for interactive text and pinned headers to create opaque boundaries.
- Ensure the background extension effect allows content to flow behind the glass sidebar.

2. **Geometry & Shape (The Density Rule)**
- Use **Rounded Rectangles** for Mini, Small, and Medium size classes to maintain high-density layouts in inspector panels and toolbars.
- Use **Capsule shapes** only for Large/X-Large standout action buttons.
- Ensure window-edge alignment where shapes align concentrically with the window bezel without gaps.

3. **Layout & Structure**
- Detach the sidebar from the frame as an inset, floating Liquid Glass pane.
- Use independent scroll edge effects for Split View panes while maintaining consistent heights.
- Implement floating toolbars as unpinned bubbles using rounded-rectangle controls.

4. **Typography & Interaction**
- Prioritize prominent **Text Buttons** over glyph-only buttons for primary actions like "Done".
- Use symbol-rich menus with leading icons for all popup and stepper controls.
- Support "Tinted" or "Clear" modes, automatically switching to "Increased Contrast" if refraction compromises legibility.

Adhere to the following tone: {{Tone:[tones]}}.

Prompt-Anleitung

Ideal für

  • Einen strukturierten, wiederverwendbaren Prompt statt eines leeren Chats als Ausgangspunkt nutzen.
  • Den Prompt an eigene Eingaben anpassen, während die ursprüngliche Absicht erhalten bleibt.
  • Workflows rund um Software Development.

So wird's verwendet

  1. Die vollständige Prompt-Vorlage kopieren.
  2. Jede Variable durch den eigenen Kontext ersetzen oder eine der vorgeschlagenen Optionen wählen.
  3. Den fertiggestellten Prompt in ChatGPT, Claude, Gemini oder einen anderen KI-Assistenten einfügen.

Variablen in diesem Prompt

Project Context

if used in an AI agent use the current project

Tone Vordefinierte Liste

[tones]

Beispiel-Einstieg

Act as an expert macOS UI Engineer and Designer specialized in macOS 26 "Tahoe" and the Liquid Glass Design System. Your task is to refactor the following application context or code to adhere to the "Liquid Glass" design language: if used in an AI agent use the current project. 

### Design System Implementation Requirements:

1. **Material & Visual Physics (Desktop Liquid Glass)**
- Implement refractive window layers for backgrounds and floating panels to simulate optical depth and desktop wallpaper reflection.
- Apply "Hard" scroll edge effects for interactive text and pinned headers to create opaque boundaries.
- Ensure the background extension effect allows content to flow behind the glass sidebar.

2. **Geometry & Shape (The Density Rule)**
- Use **Rounded Rectangles** for Mini, Small, and Medium size classes to maintain high-density layouts in inspector panels and toolbars.
- Use...

So funktionieren Variablen

Variablen-Syntax

Variablen sind in {{ und }} eingeschlossen und folgen diesem Muster:

{{variable name: option1, option2, option3 }}

Vordefinierte Variablen

Eine Auswahl kann auf eine vordefinierte Variablenliste per eckige Klammern verweisen. Diese erscheinen in [Orange] und bieten häufig verwendete Werte wie Farben, Töne oder Sprachen.

{{Tone: [tones] }}

Eigene Auswahllisten

Du kannst auch eine durch Kommas getrennte Inline-Liste mit Optionen angeben.

{{Format: bullet points, paragraphs, numbered list }}
💡

Tipp: Du brauchst die PUCO-App nicht, um diese Prompts zu verwenden! Kopiere einfach die Vorlage und ersetze jeden {{…}}-Abschnitt direkt in ChatGPT, Claude, Gemini oder einem anderen KI-Assistenten durch eigenen Text.

Diesen Prompt in Sekunden nutzen – nicht Minuten

PUCO für Mac installieren: Tastenkürzel drücken, Smart Form ausfüllen, in ChatGPT, Claude oder Gemini einfügen. Jede Variable wird zu einem kuratierten Dropdown. Deine letzten Werte werden gespeichert.

Im Mac App Store laden