線框圖 Prompt [複製貼上] | 教導 Claude 遵循「規則」的操作指南

我想要立刻製作出高品質的線框稿。

這次我將這類提示詞整理成了一份指南。

教導 Claude 線框稿的規則，可以為你節省大量時間。

註冊為「技能」規則

當你貼上提示詞後，Claude 會準備好一個技能檔案。註冊完成後，之後你只需說「製作線框稿」即可。

將以下 「複製貼上提示詞」 傳送給 Claude，它會建立一個 ZIP 檔案。
按下聊天視窗中顯示的「儲存按鈕」。

這樣就不需要每次都貼上提示詞了。

*技能功能適用於 Pro 和 Max 等付費方案。

複製貼上提示詞

將以下內容貼到 Claude 聊天視窗中，即可開始 技能註冊（記住規則的註冊）。

只需按照聊天指示操作，然後按下 ✔️ 儲存按鈕 即可。

以下是線框稿提示詞。請將此轉換為一個技能。
用 HTML 製作線框稿。請遵守以下所有規則。
[版面配置] ・建立一個一目瞭然、不會讓人感到閱讀負擔的版面配置。・建立一個精緻、都會風且極簡的版面配置。・妥善運用整個頁面來處理邊距與平衡。・字型使用 Noto Sans JP，並設定為稍小一點。
[設計] ・顏色僅使用「白色、黑色、灰色」。・背景基本上保持白色。不要建立全黑的頁面。・不要使用任何不必要的英文、線條、陰影或其他裝飾。・在需要圖表或圖片的地方使用灰色區塊。・圖示使用「Font Awesome」的免費版本。
[文案撰寫] ・每個句子保持簡短。每個句子至少使用一次逗號。・每 1-2 個句子就換一個段落。・在感覺自然的地方，將漢字改為平假名（例如，將「行う」改為「おこなう」）。・對於想強調的名稱或對話，使用括號「」。・修正任何錯字或遺漏的字元，並將語氣統一為禮貌體（です/ます調）。