macOS Tahoe Liquid Glass 重构

填写此提示词

将 macOS 应用重构为 macOS 26 Liquid Glass 设计系统,重点关注高密度布局和折射材质。

提示词模板

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

使用指南

适用场景

  • 以结构化、可复用的提示词为起点,而非空白对话框。
  • 根据自己的需求调整提示词,同时保持原始意图不变。
  • 与Software Development相关的工作流。

使用方法

  1. 复制完整的提示词模板。
  2. 将每个变量替换为自己的内容,或从建议选项中选择。
  3. 将完成的提示词粘贴到 ChatGPT、Claude、Gemini 或其他 AI 助手中。

此提示词中的变量

Project Context

if used in an AI agent use the current project

Tone 预定义列表

[tones]

示例起点

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

变量使用说明

变量语法

变量被 {{ 和 }} 包裹,遵循以下格式:

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

预定义变量

选项可以通过方括号引用预定义变量列表。这些选项以[橙色]显示,提供颜色、语气或语言等常用值。

{{Tone: [tones] }}

自定义选择列表

也可以提供以逗号分隔的内联选项列表。

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

提示:使用这些提示词无需 PUCO 应用!只需复制模板,直接在 ChatGPT、Claude、Gemini 或任何其他 AI 助手中将每个 {{…}} 部分替换为自己的文本。

数秒内使用此提示词

安装 PUCO for Mac:在任意应用中按下快捷键,填写智能表单,粘贴到 ChatGPT、Claude 或 Gemini。每个变量都变成精选下拉菜单,上次的值会被记住。

在 Mac App Store 下载