你會得到一個快速打造的一次性原型，用來回答一個設計問題。如果你不確定某個狀態模型或某段邏輯是否合適，你會得到一個可分享的單一 HTML 檔案，其中包含自由操作按鈕和分頁籤的引導式導覽，可讓狀態機走過各種棘手情況。如果你在探索介面應該長什麼樣子，你會得到同一路由下幾個截然不同的變體，可透過 URL 參數和底部懸浮列切換。原型都有明確標示，執行起來極其簡單，並且省去細節打磨，讓你快速學習。
試試看
- 建立一個一次性原型，用來檢驗這個狀態模型是否合適，並提供可點擊的按鈕，讓它走一遍各種邊界情況。
- 為這個頁面製作幾個截然不同的介面變體原型，方便我並排比較。
- 我不確定這個邏輯分支是否正確——做一個可快速執行的示範，展示每次操作後的完整狀態。
詳細資訊
- Publisher
- mattpocock
- 來源
- mattpocock/skills
- GitHub stars
- 318.2k
- Runtime
- No sandbox needed
- 最後更新
- 2026年8月19日
Related skills
- Skill CreatorCreate, update, and improve Agent Skills with a guided workflow for instructions, scripts, resources, and testing.Vife編程+1
13 已使用
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.Vife設計+1
28 已使用
- GitHub Gem SeekerFind battle-tested open-source projects for a need, compare their health and license with evidence, and get a recommendation with an integration sketch.Vife編程+1
0 已使用
- SEO AuditAudit a site or page for technical and on-page SEO and get prioritised fixes, each backed by the URLs that show the problem.Vife商業+1
0 已使用
- PRD WriterTurn an idea or notes into a checked PRD with goals, user stories, acceptance criteria, flows, edge cases, analytics and rollout, as DOCX and Markdown.Vife商業+1
0 已使用
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.Vife設計+1
0 已使用
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.Vife設計+1
0 已使用
- Color PaletteTurn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.Vife設計
0 已使用
