Hallmark
一個設計技能，用來建置不落入常見生成式預設樣式的網頁介面。它會依需求選擇頁面結構，套用 21 種主題之一，並在交付前執行一套反模式檢查清單與自我檢討。除了建立新頁面，也能在不修改程式碼的情況下，依反模式稽核既有程式碼；在保留文案與資訊架構的前提下重新設計頁面；以及研究一個參考設計，萃取其版面結構、字體搭配與主色，而不直接複製。適合用 AI 代理產生使用者介面的開發者與設計師。
- UI/UX 設計
- 設計審查
- 設計轉程式碼
來源：Nutlope/hallmark · 固定提交 13ac0ec
在 GitHub 查看原始碼LuluSkill 收錄這個專案，是為了讓你找得到它。收錄不代表安全審查或推薦，這個頁面也不會替你安裝或執行任何東西。
編輯導讀
修改介面前先選擇設計模式
審查、重新設計與參考研究，需要不同權限與產出。先作區分，才能讓視覺改動符合任務範圍。
這是 LuluSkill 自己對這個專案的解讀，不是它 README 的摘要。 約 3 分鐘讀完
這份導讀是 LuluSkill 對「這個專案什麼情況適合」所做的判斷，依據的是上方所列的固定版本。它不是作者的文件、不是安全審查，也不是推薦。LuluSkill 並未為了寫這份導讀而安裝、執行或測試該專案；只有在這筆收錄項目仍然指向導讀撰寫時所依據的提交時，導讀才會顯示。
什麼情況適合這個專案
當需求需要明確視覺方向，或介面需要有結構的評議時，可以考慮此入口。開頭區分設計、審查、重設計與參考研究；先選模式，才能清楚決定助理應說明還是修改。
什麼情況應選別的方法
若任務只是修正小問題，不宜接受全面重設計。視覺變化不能證明無障礙、易用性或轉換改善。研究參考應提取原則，不應重製他人可辨識的頁面構圖。
準備什麼，以及預期得到什麼
提供模式、目標介面、既有設計系統、讀者及必須支援的狀態。預期產出應是符合模式的評議、提案或實作。除了精美截圖，也要要求說明版面選擇的理由。
工具、權限與使用邊界
審查可從提供的圖片或原始碼開始，不需寫入權限。修改需要限定檔案範圍，研究遠端頁面需要網路權限。不論設計描述多有信心，真實互動仍須在瀏覽器檢查。
取捨與替代方法
成熟產品可能更適合沿用既有設計參數作小幅修正，而非換新主題。完整設計入口會增加選擇與審查工作；只保留支援使用任務、且符合既有元件系統的選擇。
一個小型驗收練習
建議練習：重設一張卡片，包含載入、空內容、錯誤與成功狀態。對照原卡片檢查窄螢幕閱讀、鍵盤焦點及狀態區分。每個狀態都能清楚完成任務，才應接受改動。
來源、版本與實際閱讀範圍
已閱讀固定版本入口開頭的模式說明、設計需求與元件範圍指引。未評估整份長文件、連結資料或託管模型整合。 LuluSkill 沒有安裝或執行這個專案；上述練習是供讀者使用的建議檢查，並非實測成果。
如何使用這筆收錄項目
LuluSkill 只發布說明與來源連結。技能本身留在原作者的儲存庫中，這裡不會替你安裝、複製或執行任何東西。
- 閱讀這項技能能幫上什麼忙 上方的摘要說明這個專案是為哪一種工作而寫的。如果那不是你手上的工作，這筆收錄項目大概不適合你。
- 開啟原始來源，並依照作者自己的說明操作 連向原始專案的連結會開啟作者的頁面。安裝步驟與複製說明放在那個頁面，而不是這裡。
- 在相容的 AI 助理中使用它 這類技能通常是在能讀取你電腦上資料夾的 AI 助理裡使用。哪些助理支援它們由作者決定，請先查看他們的頁面。
適合什麼人
已經確定要完成這一件事，並且願意照著作者安裝步驟操作的人。這裡不假設你會寫程式，但這筆收錄項目無法判斷這個專案是否適合你。
開始之前
你需要一個支援技能的 AI 助理，並且要在自己的電腦上照著別人寫的說明操作。執行任何東西之前，請先讀過那些說明。
最後會得到什麼
作者那個專案會產出的東西。LuluSkill 不會執行它，因此這個頁面無法承諾任何成果、檔案或品質水準。
通常在哪裡使用
這類專案通常在支援技能的 AI 助理中使用，例如 AI 程式開發助理。作者的儲存庫會說明它是為哪些助理而寫；LuluSkill 尚未在任何助理上測試過它。
檢查的版本
來源檢查所依據的提交： 13ac0ec
這個提交之後的儲存庫變更未經檢查。
授權
MIT，依據來源儲存庫在所列提交中的授權檔案。使用或複製這個專案之前，請先查看儲存庫的授權條款。
僅供收錄參考
LuluSkill 只收錄這個專案，不會託管、下載或執行它的程式碼。
這個頁面不包含的內容
專案的檔案與安裝步驟都留在它自己的儲存庫中。LuluSkill 沒有對這個專案做過安全測試，也沒有確認它適用於哪些 AI 助理。
回報問題或要求下架
權利人與使用者都可以回報此頁面在授權、署名、安全或內容正確性方面的問題。我們會在 48 小時內回覆，並將每一件請求記錄在審查紀錄中。
將開啟你的電子郵件程式。你也可以直接寫信至 contact@luluskill.com，並附上此頁面的網址。