Refonte Liquid Glass pour macOS Tahoe

Remplir ce prompt

Refondre les applications macOS selon le système de design Liquid Glass de macOS 26, en mettant l’accent sur les interfaces à forte densité et les matériaux réfractifs.

Modèle de 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]}}.

Guide du prompt

Idéal pour

  • Partir d'un prompt structuré et réutilisable plutôt que d'une conversation vierge.
  • Adapter le prompt à vos propres données tout en conservant l'intention d'origine.
  • Les workflows liés à Software Development.

Comment l'utiliser

  1. Copiez le modèle de prompt complet.
  2. Remplacez chaque variable par votre propre contexte ou choisissez l'une des options suggérées.
  3. Collez le prompt complété dans ChatGPT, Claude, Gemini ou un autre assistant IA.

Variables de ce prompt

Project Context

if used in an AI agent use the current project

Tone Liste prédéfinie

[tones]

Exemple de départ

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

Comment fonctionnent les variables

Syntaxe des variables

Les variables sont entourées de {{ et }} et suivent ce modèle :

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

Variables prédéfinies

Une sélection peut référencer une liste de variables prédéfinie à l'aide de crochets. Elles apparaissent en [orange] et fournissent des valeurs courantes comme des couleurs, des tons ou des langues.

{{Tone: [tones] }}

Listes de choix personnalisées

Vous pouvez aussi fournir une liste de choix en ligne, séparés par des virgules.

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

Astuce : vous n'avez pas besoin de l'application PUCO pour utiliser ces prompts ! Copiez simplement le modèle et remplacez chaque section {{…}} par votre propre texte directement dans ChatGPT, Claude, Gemini ou tout autre assistant IA.

Utilisez ce prompt en quelques secondes, pas en minutes

Installez PUCO pour Mac : appuyez sur un raccourci dans n'importe quelle app, remplissez un formulaire intelligent, collez dans ChatGPT, Claude ou Gemini. Chaque variable devient un menu déroulant soigné. Vos dernières valeurs sont mémorisées.

Télécharger sur le Mac App Store