Skip to main content
Glama
enesjakozh

Frame0 MCP Server

by niklauslee
npmGitHub
JavaScript
MIT License
54
55
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Frame0 MCPビデオの例

フレーム0 MCPサーバー

Frame0は、Balsamiqに代わる、モダンなアプリ向けのワイヤーフレームツールです。Frame0 MCP Serverを使用すると、プロンプトに従ってFrame0でワイヤーフレームを作成および変更できます。

設定

前提条件:

claude_desktop_config.jsonで Claude Desktop を以下のように設定します。

{ "mcpServers": { "frame0-mcp-server": { "command": "npx", "args": ["-y", "frame0-mcp-server"] } } }

--api-port=<port>オプション パラメータを使用すると、Frame0 の API サーバーに別のポート番号を使用できます。

プロンプトの例

  • 「フレーム0に電話用のログイン画面を作成する」

  • 「Frame0でスマホ用のInstagramホーム画面を作成」

  • 「Frame0でテレビ用のNetflixホーム画面を作成する」

  • 「ログインボタンの色を変更する」

  • 「Twitterのソーシャルログインを削除する」

  • 「絵文字をアイコンに置き換える」

  • 「GoogleログインボタンからGoogleウェブサイトへのリンクを設定する」

ツール

  • create_frame

  • create_rectangle

  • create_ellipse

  • create_text

  • create_line

  • create_connector

  • create_icon

  • create_image

  • update_shape

  • duplicate_shape

  • delete_shape

  • get_available_icons

  • move_shape

  • align_shapes

  • group

  • ungroup

  • set_link

  • export_shape_as_image

  • add_page

  • update_page

  • duplicate_page

  • delete_page

  • get_current_page_id

  • set_current_page_by_id

  • get_page

  • get_all_pages

  • export_page_as_image

開発

  1. このリポジトリをクローンします。

  2. npm run buildでビルドします。

  3. Claude Desktop のclaude_desktop_config.jsonを以下のように更新します。

  4. Claude Desktop を再起動します。

{ "mcpServers": { "frame0-mcp-server": { "command": "node", "args": ["<full-path-to>/frame0-mcp-server/build/index.js"] } } }

This server cannot be installed

-
security - not tested
-
license - not tested
-
quality - not tested

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

自然言語プロンプトを使用して、Frame0 (Balsamiq の代替ワイヤーフレーム ツール) でワイヤーフレームを作成および変更できるようにし、画面の作成、要素の編集、ページの管理などの操作をサポートします。

  1. 設定
    1. プロンプトの例
      1. ツール
        1. 開発

          Related MCP Servers

          • Framer Plugin MCP Server

            Sheshiyer
            A
            security
            -
            license
            A
            quality
            Enables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.
            Last updated -
            2
            24
            MIT License

          • CAD-MCP Server

            daobataotie
            -
            security
            -
            license
            -
            quality
            Enables controlling CAD software (AutoCAD, GstarCAD, ZWCAD) through natural language instructions, allowing users to create and modify drawings without manually operating the CAD interface.
            Last updated -
            185
            MIT License

          • Dynamic MCP UI Generator

            iamadi11
            -
            security
            -
            license
            -
            quality
            A sophisticated server that enables users to create, customize, and generate interactive UI components with features like dynamic form building, dashboard creation, and chart generation through a modern glassmorphism interface.
            Last updated -
            4

          • v0 MCP Server

            putchom
            -
            security
            -
            license
            -
            quality
            Enables generating web application prototypes from natural language requirements using the v0 Platform API. Returns demo URLs and file information for created prototypes.
            Last updated -
            6
            1

          View all related MCP servers

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/niklauslee/frame0-mcp-server'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server