使用說明：畫面規格與文字線框

用途

把流程拆成一個個畫面，列出每個畫面的區塊、按鈕、主要按鈕，並畫成文字版線框，看一眼就知道位置。

適合誰

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

怎麼用

1. 把這個 Skill 加進你的 AI 工具（支援 Skill 的工具直接匯入資料夾；不支援的，把 SKILL.md 的內容貼進自訂指令或專案說明）。
2. 貼上流程，或直接說畫面名稱與要放的內容。
3. 說「畫面要放什麼」或「幫我畫線框」；要手機版可以加一句。

範例

你這樣說：社區瑜珈教室做課程預約，課程清單畫面有流動瑜珈、陰瑜珈兩堂，點一堂進去預約。

你會得到：一張畫面表（標題列、兩張課程卡、「選這堂」按鈕）和一個方框線框；兩堂課的時間、名額你沒給，先標待確認。

注意

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

技序 Jixu AI 出品