網站導覽

文件

提示詞與工作流程

提示詞與工作流程的可用範例與撰寫介面。

提示詞是讀者會複製到其他工具的文字。DocumentPrompt 保留原文、讓長行換行,並持續顯示複製操作,不會呈現為可編輯欄位或模擬聊天介面。

Review a component

Review this component’s layout, keyboard behavior and reduced-motion state. Explain the observed issue before changing it.

Prepare a site change

Read the site instructions and inspect the existing components. Reuse the shared design tokens and verify both themes at a narrow width.

檢閱提議的變更

  1. Inspect

    Read the source and reproduce the issue.

  2. Preview

    Review the proposed change and its effect.

  3. Verify

    Check the affected behavior and output.

範圍明確的原始碼變更

原始碼
<button>Save</button>
結果
<button type="button">Save</button>

已套用樣式的按鈕

這是樣式範例;此按鈕不會儲存資料。
<DocumentPrompt  title="Review a component"  text="Review this component's classes and keyboard behavior."/>

標題應簡短描述任務。段落與清單保留在文字本身,讓剪貼簿與可攜匯出都保有完整指示。短任務與較長的設定提示詞使用相同版面,都會在閱讀欄內換行。內文採用閱讀字體,同時保留每個換行與實際複製的文字。標題、內凹接縫與內文的起點統一為 24px。文字由伺服器呈現,只有複製按鈕需要用戶端狀態。

提示詞可搭配 DocumentOptions 說明工具名稱、DocumentFlow 呈現有順序的流程,以及 DocumentCodeExample 顯示經驗證的前後內容。流程圖不會執行工具,也不代表已取得核准。提示詞應放在示範的測量區域之外;原始碼對空白敏感且需要橫向捲動時,請使用一般程式碼區塊。

背景資訊、複核與專案規則的組合範例請參閱 AI 程式開發;實際預覽/套用流程請參閱 MCP 伺服器。手冊中的按鈕是獨立的樣式示範,產品專屬的代理範例仍由產品 Guide 維護。