Refactor Liquid Glass per macOS Tahoe

Compila questo prompt

Rifattorizza le applicazioni macOS secondo il sistema di design Liquid Glass di macOS 26, con particolare attenzione ai layout ad alta densità e ai materiali rifrattivi.

Modello di prompt

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]}}.

Guida al prompt

Ideale per

  • Partire da un prompt strutturato e riutilizzabile invece di una chat vuota.
  • Adattare il prompt ai propri input mantenendo intatto l'intento originale.
  • Flussi di lavoro legati a Software Development.

Come usarlo

  1. Copia il modello di prompt completo.
  2. Sostituisci ogni variabile con il tuo contesto o scegli una delle opzioni suggerite.
  3. Incolla il prompt completato in ChatGPT, Claude, Gemini o un altro assistente IA.

Variabili in questo prompt

Project Context

if used in an AI agent use the current project

Tone Elenco predefinito

[tones]

Esempio di partenza

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...

Come funzionano le variabili

Sintassi delle variabili

Le variabili sono racchiuse tra {{ e }} e seguono questo schema:

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

Variabili predefinite

Una selezione può fare riferimento a un elenco di variabili predefinito usando le parentesi quadre. Appaiono in [arancione] e forniscono valori di uso comune come colori, toni o lingue.

{{Tone: [tones] }}

Elenchi di scelta personalizzati

Puoi anche fornire un elenco di scelte in linea, separate da virgole.

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

Suggerimento: non hai bisogno dell'app PUCO per usare questi prompt! Copia semplicemente il modello e sostituisci ogni sezione {{…}} con il tuo testo direttamente in ChatGPT, Claude, Gemini o qualsiasi altro assistente IA.

Usa questo prompt in pochi secondi, non minuti

Installa PUCO per Mac: premi un tasto rapido in qualsiasi app, compila un modulo intelligente, incolla in ChatGPT, Claude o Gemini. Ogni variabile diventa un menu a tendina curato. Gli ultimi valori vengono ricordati.

Scarica sul Mac App Store