LuluSkill
中文
語言
English

語言與主題僅儲存在此瀏覽器。

從目標開始
所有任務

從你的任務開始

製作簡單的活動網頁

請它製作一個靜態頁面,再逐步於本機檢查。

  1. 準備材料
  2. 選擇 AI 工具
  3. 取得指令
  4. 檢查成果

描述要完成的成果,只加入必要材料,再選擇完成標準。

活動筆記整理成包含標題、內容區塊與核對標記的網頁。

要請 AI 產出什麼

以文字回傳的一份自足 HTML 檔、手動儲存方法與測試單。頁面只呈現活動資訊。

  1. 計畫+完整 HTML
  2. 手動本機預覽
  3. 事實+手機+鍵盤檢查

照著這些步驟做

  1. 開啟範例並替換活動資料。第一版保留四個資訊段落。
  2. 選擇工具並複製指令,請它提供計畫、一份 HTML 檔及手動測試單。
  3. 檢查程式碼是否有腳本與外部連結。符合簡報後,手動將 HTML 儲存成 index.html,再以瀏覽器開啟。
  4. 核對事實、360px 版面與鍵盤段落連結。若檢查失敗,回報操作、預期結果與實際結果;請它修正一項,再重跑整張測試單。

準備這些輸入

  • 已確認活動事實;標記缺少的聯絡方式與容量
  • 四個段落:活動介紹、詳情、攜帶物品與問題
  • 文字編輯器、瀏覽器與手動儲存檔案的位置

使用前逐項核對

  • 事實與輸入一致,缺少的值保持「待確認」。
  • 360px 時沒有水平捲動;段落連結可用 Tab 與 Enter 操作。
  • 沒有腳本、表單、外部請求或未執行的測試聲稱。
常見缺口 → 更清楚的請求

助理加入可操作的報名表單,或未執行就聲稱測試通過。

重述靜態頁面範圍、移除表單,要求未執行的檢查標示「尚未執行」。回報版面失敗時附上寬度、操作與所見結果。

選擇工具

使用 Codex 或 Claude,請它以文字回傳 HTML。LM Studio 需要已安裝能產出 HTML 的本機模型。複製對應指令,再使用文字編輯器與瀏覽器手動預覽。

這個流程的範圍

這是供本機預覽的靜態資訊頁,不含報名、帳號、資料庫或部署。指令要求以文字回傳程式碼,沒有授予命令列、檔案寫入或網路權限。自行儲存與開啟前,請先檢查程式碼;生成的程式碼與測試在實際核對前均未經驗證。

開啟可修改的範例

範例使用合成資料準備指令。由你選擇 AI 工具,並自行核對回答。