Ideal para
- Empezar desde un prompt estructurado y reutilizable en lugar de un chat en blanco.
- Adaptar el prompt a tus propios datos manteniendo intacta la intención original.
- Flujos de trabajo relacionados con Software Development.
Refactor de Liquid Glass para macOS Tahoe
Rellenar este promptRefactoriza las aplicaciones de macOS al sistema de diseño Liquid Glass de macOS 26, centrándote en diseños de alta densidad y materiales refractivos.
Plantilla 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]}}.
Guía del prompt
Cómo usarlo
- Copia la plantilla de prompt completa.
- Sustituye cada variable por tu propio contexto o elige una de las opciones sugeridas.
- Pega el prompt completado en ChatGPT, Claude, Gemini u otro asistente de IA.
Variables de este prompt
Project Context
if used in an AI agent use the current project
Tone
Lista predefinida
[tones]
Ejemplo 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...
Cómo funcionan las variables
Sintaxis de variables
Las variables van entre {{ y }} y siguen este patrón:
{{variable name: option1, option2, option3 }}
Variables predefinidas
Una selección puede hacer referencia a una lista de variables predefinida usando corchetes. Aparecen en [naranja] y proporcionan valores de uso común como colores, tonos o idiomas.
{{Tone: [tones] }}
Listas de selección personalizadas
También puedes proporcionar una lista de opciones en línea, separadas por comas.
{{Format: bullet points, paragraphs, numbered list }}
Consejo: ¡no necesitas la app PUCO para usar estos prompts! Solo copia la plantilla y sustituye cada sección {{…}} por tu propio texto directamente en ChatGPT, Claude, Gemini o cualquier otro asistente de IA.