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 分

    请在仓库或注册中心条目中声明许可证。