Refatoração Liquid Glass para macOS Tahoe

Preencher este prompt

Refatore aplicativos macOS para o sistema de design Liquid Glass do macOS 26, com foco em layouts de alta densidade e materiais refrativos.

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

Guia do prompt

Ideal para

  • Começar a partir de um prompt estruturado e reutilizável em vez de um chat em branco.
  • Adaptar o prompt aos seus próprios dados, mantendo intacta a intenção original.
  • Fluxos de trabalho relacionados com Software Development.

Como usar

  1. Copie o modelo de prompt completo.
  2. Substitua cada variável pelo seu próprio contexto ou escolha uma das opções sugeridas.
  3. Cole o prompt concluído no ChatGPT, Claude, Gemini ou outro assistente de IA.

Variáveis neste prompt

Project Context

if used in an AI agent use the current project

Tone Lista predefinida

[tones]

Exemplo de ponto de partida

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

Como funcionam as variáveis

Sintaxe das variáveis

As variáveis ficam entre {{ e }} e seguem este padrão:

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

Variáveis predefinidas

Uma seleção pode fazer referência a uma lista de variáveis predefinida usando colchetes. Aparecem em [laranja] e fornecem valores comuns, como cores, tons ou idiomas.

{{Tone: [tones] }}

Listas de seleção personalizadas

Também pode fornecer uma lista de opções em linha, separadas por vírgulas.

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

Dica: não precisa da app PUCO para usar estes prompts! Basta copiar o modelo e substituir cada secção {{…}} pelo seu próprio texto diretamente no ChatGPT, Claude, Gemini ou qualquer outro assistente de IA.

Use este prompt em segundos — não em minutos

Instale o PUCO para Mac: prima um atalho em qualquer app, preencha um formulário inteligente, cole no ChatGPT, Claude ou Gemini. Cada variável torna-se um menu suspenso selecionado. Os seus últimos valores são guardados.

Descarregar na Mac App Store