Apple 內容顯示組件人機介面指南。當使用者詢問「圖表組件」、「集合視圖」、「圖像視圖」、「Web 視圖」、「顏色良好」、「圖像良好」、「活動視圖」、「鎖定」、「資料視覺化」、「內容顯示」、顯示圖像、渲染 Web 內容、顏色選擇器或在 Apple 應用程式中呈現項目集合時，請使用此技能。當使用者說「我應該如何顯示圖表」、「顯示圖像的最佳方式是什麼」、「我應該使用 Web 視圖」、「如何建立項目網格」、「什麼組件顯示媒體」或「如何呈現共享表」時也可以使用。交叉引用：用於顏色/排版/可訪問性的 hig-foundations、用於資料視覺化模式的 hig-patterns、用於結構容器的 hig-components-layout、用於平台特定元件行為的 hig-platforms。
透過命令列快速安裝 hig-components-content AI 技能到你的開發環境
來源：raintree-technology/apple-hig-skills。
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.
| charts.md | Charts | Swift Charts, bar/line/area/point marks, chart accessibility, audio graphs | | collections.md | Collections | Grid/list layouts, compositional layout, selection, reordering, diffable data sources | | image-views.md | Image Views | Aspect ratio handling, content modes, SF Symbol images, accessibility |
| image-wells.md | Image Wells | Drag-and-drop image selection, macOS-specific, placeholder content | | color-wells.md | Color Wells | Color selection UI, system color picker, custom color spaces | | web-views.md | Web Views | WKWebView, SFSafariViewController, navigation controls, content restrictions |
Apple 內容顯示組件人機介面指南。當使用者詢問「圖表組件」、「集合視圖」、「圖像視圖」、「Web 視圖」、「顏色良好」、「圖像良好」、「活動視圖」、「鎖定」、「資料視覺化」、「內容顯示」、顯示圖像、渲染 Web 內容、顏色選擇器或在 Apple 應用程式中呈現項目集合時，請使用此技能。當使用者說「我應該如何顯示圖表」、「顯示圖像的最佳方式是什麼」、「我應該使用 Web 視圖」、「如何建立項目網格」、「什麼組件顯示媒體」或「如何呈現共享表」時也可以使用。交叉引用：用於顏色/排版/可訪問性的 hig-foundations、用於資料視覺化模式的 hig-patterns、用於結構容器的 hig-components-layout、用於平台特定元件行為的 hig-platforms。 來源：raintree-technology/apple-hig-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-contentBrowse more skills from raintree-technology/apple-hig-skills
Apple 內容顯示組件人機介面指南。當使用者詢問「圖表組件」、「集合視圖」、「圖像視圖」、「Web 視圖」、「顏色良好」、「圖像良好」、「活動視圖」、「鎖定」、「資料視覺化」、「內容顯示」、顯示圖像、渲染 Web 內容、顏色選擇器或在 Apple 應用程式中呈現項目集合時，請使用此技能。當使用者說「我應該如何顯示圖表」、「顯示圖像的最佳方式是什麼」、「我應該使用 Web 視圖」、「如何建立項目網格」、「什麼組件顯示媒體」或「如何呈現共享表」時也可以使用。交叉引用：用於顏色/排版/可訪問性的 hig-foundations、用於資料視覺化模式的 hig-patterns、用於結構容器的 hig-components-layout、用於平台特定元件行為的 hig-platforms。 來源：raintree-technology/apple-hig-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/raintree-technology/apple-hig-skills