使用說明：單頁 HTML 原型

用途

給一份存成檔案、用瀏覽器打開就能點的單頁 HTML，主線整條走得通（加入、移除、份數與合計、沒填提醒、送出結果）。

適合誰

• 有產品點子、但不會畫畫面也不會寫程式的人。
• 要把需求交給工程師或設計師的小老闆、營運、專案窗口。
• 想先做出能給人看、能點的草稿來驗證想法的人。

怎麼用

1. 把這個 Skill 加進你的 AI 工具（支援 Skill 的工具直接匯入資料夾；不支援的，把 SKILL.md 的內容貼進自訂指令或專案說明）。
2. 說明品項、價格、選項與要填的欄位（沒給的會用「示範品項」）。
3. 說「給我一個可以打開點點看的 HTML」。

範例

你這樣說：公司午餐團購，排骨飯 90 元、雞腿飯 100 元，辣度有不辣、小辣，同事選好後填名字送出，先不收錢。

你會得到：一整份 HTML 加上存檔打開的做法；品項放在最上面一小段，換成你的內容就好。付款方式標待確認，不會做成真的收款。

注意

• 你沒講的功能（付款、登入、會員、審核）不會畫進主線，會標「待確認」問你；想到的點子只放最後一行。
• 只給文字、線框和 HTML，不產生設計檔、不架線上連結、不上架或送審。
• 不做假冒銀行或官方的頁面，也不做沒告知就收集通訊錄、定位的流程，會改給正當版本。
• 健康、法律、金融類產品只做畫面和流程，內容與合規請專業人士確認；公開展示前，把真實姓名、電話換成假資料。

技序 Jixu AI 出品