Sketfly

io.github.kareeem380由 GitHub 帳號 kareeem380 發布v1.0.0更新於 Oct 29, 2026

Design mobile app screens with AI — describe your app, get linked screens instantly.

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

概覽

AI 產生的概覽

Sketfly 讓助理依描述設計行動應用程式畫面,並以 HTML 與 Tailwind 片段形式產生彼此連結的畫面。

可以做什麼
  • 依 id、名稱、分類、風格與畫面名稱瀏覽手工製作的應用程式範本
  • 讀取範本的設計權杖以及每個畫面的 HTML 與 Tailwind 標記
  • 依描述設計新的應用程式,或把網站轉換成應用程式
  • 微調個別畫面;輸出為 HTML 與 Tailwind v4 片段
適用情境
適合需要助理快速勾勒或反覆調整行動應用程式介面構想、從現有範本起步,或把網站轉成應用程式畫面而不使用設計軟體的情境。
執行需求
透過 streamable HTTP 連線至 sketfly.com 遠端端點。需要 Sketfly API 金鑰,以 Bearer 格式放在 Authorization 標頭中,可於提供方的 API 金鑰頁面建立。
安裝前請注意
API 金鑰是放在 Authorization 標頭中的機密,請勿寫入共用日誌或提示詞。說明中提到 design_app、design_from_website 與 edit_screen,但實際只宣告 list_templates 與 get_template,建立或編輯畫面可能無法使用。範本照片以相對路徑引用而非直接提供。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Sketfly,將其新增到工作區。
  2. 連接 Authorization token 憑證。它們會被私密儲存,絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.kareeem380%2Fsketfly/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "sketfly": {
      "type": "http",
      "url": "https://sketfly.com/api/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

README

該儲存庫沒有 README。

工具

2

list_templates

List the hand-built app templates (id, name, category, style, screen names). Use get_template to read one.

無需輸入參數。

get_template

Get a template: design tokens (theme) and the HTML + Tailwind of every screen. Photos are referenced as /tpl/<name>.jpg.

輸入參數id必填

版本歷史

1
  1. v1.0.0最新Oct 29, 2026

評分

已滿足適用檢查項的 75%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款10 分

    請在儲存庫或註冊中心條目中宣告授權條款。