prototype
原型化邏輯與 UI 決策
團隊常常在尚未理解取捨之前，就先承諾採用某種狀態模型或畫面。此技能會引導 Claude、Codex 或 Claude Code 建立一次性原型，以快速回答一個設計問題。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "prototype" from https://skillstore.io/skills/mattpocock-prototype.md and its manifest at https://skillstore.io/api/skills/mattpocock-prototype/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「prototype」。 在撰寫生產 reducer 之前，先原型化入職流程狀態機。
預期結果:
一個本機終端原型，包含可見狀態、鍵盤操作、執行命令，以及最終決策的備註。
正在使用「prototype」。 使用我們現有的版面配置，展示設定頁面的三種方向。
預期結果:
三個路由層級的變體、一個底部切換器、穩定的 URL 選擇，以及某個變體勝出後的清理備註。
正在使用「prototype」。 檢查降級流程是否處理了帳務邊界案例。
預期結果:
一個聚焦的原型，用來建模流程、揭示狀態變更，並記錄哪些假設失敗。
安全審計
安全All seven static findings are false positives caused by safe documentation examples. No malicious execution, covert input capture, secret access, prompt injection, or obfuscated payload was found.
風險因素
⚙️ 外部命令 (2)
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/mattpocock-prototype/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/mattpocock-prototype?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/mattpocock-prototype?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/mattpocock-prototype/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/mattpocock-prototype.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
mattpocock. (2026). prototype security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/mattpocock-prototype/audits/6BibTeX 引用
@techreport{mattpocock-mattpocock-prototype-2026,
author = {mattpocock},
title = {prototype security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/mattpocock-prototype/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "prototype security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "mattpocock"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/mattpocock-prototype/audits/6"
identifiers:
- type: other
value: "skillstore:mattpocock-prototype:audit:6"
description: "Skillstore immutable audit report identifier"
比較變體
2 個可安裝變體每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
Skillstore 評分
評分依據 證據置信度: 高你可以打造什麼
測試狀態模型
建立一個小型終端原型，讓邊界案例在真正實作開始前就能被看見。
比較頁面方向
建立數個結構上不同的頁面變體，並可在同一路由上審閱。
建置前先對齊
使用一次性原型，將不清楚的需求轉化為具體決策。
試試這些提示
原型化這個狀態流程，讓我可以嘗試主要操作，並在每個步驟後看到狀態。
為這個頁面建立三個不同的 UI 變體，並讓我在瀏覽器中切換它們。
使用現有頁面和資料，然後加入可切換的原型變體，且不要改變生產行為。
建立最小的原型，用來回答這個工作流程、狀態模型和畫面結構是否能搭配運作。
最佳實務
- 先寫下原型必須回答的確切問題。
- 使用現有專案的執行環境、路由器、資料形狀和任務執行器。
- 刪除原型，或將已驗證的決策整合進真實程式碼。
避免
- 不要將探索性原型連接到生產資料庫或真實異動。
- 不要建立只在顏色或文案上不同的 UI 變體。
- 不要把拋棄式路由、切換器或終端 shell 留在生產程式碼中。
常見問題
我應該在什麼時候使用這項技能？
它會建立可投入生產的程式碼嗎？
它可以原型化後端邏輯嗎？
它可以原型化 UI 畫面嗎？
它需要特定框架嗎？
原型完成後應該留下什麼？
開發者詳細資訊
作者
mattpocock授權
MIT
Skillstore 修訂
r2
版本提示
作者未聲明版本。
引用
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
維護新鮮度
2026/7/26
使用量
5 次下載 · 68 次瀏覽