layernote

io.layernote由 layernote.io 發布官方發布者v0.11.1更新於 Oct 29, 2026

Client feedback pinned on live sites, Figma frames, PDFs, images and video, for Claude and agents.

已驗證Streamable HTTP可網頁執行效率與工作流媒體與設計

概覽

AI 產生的概覽

讓助理處理釘選在線上網站、Figma 畫框、PDF、圖片與影片上的 layernote 客戶回饋。

可以做什麼
  • 清單未列出任何工具,能力僅依描述推斷。
  • 此伺服器把助理連接到 layernote,客戶回饋會釘選在線上網站、Figma 畫框、PDF、圖片與影片的特定位置上。
  • 它同時提供託管遠端端點與以 stdio 執行的本機 npm 套件,助理可透過任一方式存取同一份回饋資料。
適用情境
適合在與客戶檢視設計或網頁成果時使用,讓助理直接處理已釘選的回饋,而不必手動複製留言。適用於已在 layernote 收集回饋的團隊。
執行需求
需要 layernote 帳號並透過 OAuth 驗證;本機套件則需以 LAYERNOTE_TOKEN 環境變數提供個人權杖。僅在使用自架或非正式環境的 layernote 時才需要 LAYERNOTE_API_URL。需要能連線至 layernote 服務的網路。
安裝前請注意
此伺服器要求驗證並接受個人存取權杖,應將 LAYERNOTE_TOKEN 視為機密,避免寫入共用設定。客戶專案的回饋資料會傳送至 layernote 服務並交給助理,接入前請評估保密需求。工具清單未公開,無法事先確認助理能讀取或修改哪些內容。

安裝

在 SourceWeft 中

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

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

{
  "mcpServers": {
    "layernote": {
      "type": "http",
      "url": "https://app.layernote.io/mcp"
    }
  }
}

工具

23

list_projects

List projects

List the layernote projects this token reaches, newest activity first, with their kind (WEBSITE, FIGMA, STATIC_FILES for uploaded files) and how many open comments each has. A personal token reaches every project its owner reaches in one workspace; pass a project from here (name or id) as `project` to the other tools.

無需輸入參數。

list_feedback

List feedback

List the layernote project's comments, newest first: by default the open ones (status OPEN, IN_PROGRESS or IN_REVIEW). Each has its text, author, date, assignee, due date, board column, thread and where it is: on a live page (URL and CSS selectors) or on an uploaded file (file id and name, pin in percent, PDF page or video moment). Comparison-generated items carry an expected/actual analysis. Narrow it with the filters, e.g. one file, or `since` for what happened in a week (that includes resolved ones). Use get_feedback for one item with its screenshot, get_file to see a file with its pins.

輸入參數filelimitsinceauthorstatusprojectassigneeincludeResolved

get_feedback

Get one feedback item

Get a single feedback item by id, including its full comment thread, the screenshot of the spot it is about (the element on a live page, or the part of the file around the pin) and the pictures attached to it, returned inline as images. Other attachments are listed by name.

輸入參數id必填project

list_files

List uploaded files

List the files uploaded to the layernote project (images, PDFs and videos) in the order of its Files sidebar: each file with its id, kind, page count or length, and how many open and total comments it has. A file with more than one version is listed once, at its latest version, with its `versions` (each with its own id and counts; comments stay on the version they were made on). Use get_file to look at a file with its open comments pinned on it, compare_versions to check an older version's comments against a newer one, and list_feedback with `file` for the comments themselves. On a Figma design project it lists the frames instead, in the order of its Frames sidebar: pictures of the design’s screens, marked `figma`, that get_file, add_comments and show_file take like files (a frame marked `rendering` has no picture yet). A website project has no files.

輸入參數searchproject

get_file

Look at an uploaded file

Show an uploaded file, or a Figma project’s frame, with its open comments pinned on it as numbered pins, returned inline as an image, with a legend that ties each number to the comment's id and first line. An image or a frame is shown whole; a PDF one page at a time (default: the first page with open comments); a video as a sheet of the frames its comments are on (up to nine, continue with `from`), or the single frame at `at`. The numbers only label this picture: refer to comments by their id in other tools. Rendering a PDF page or video frames can take a few seconds.

輸入參數atfrompagefileId必填project

compare_versions

Compare versions of a file

For a file with more than one version (list_files shows a file's `versions`): shows the open comments of an older version each beside the same spot in a newer one, so you can tell which comments the newer version took care of. Each picture has the older version on the left with the comment's numbered pin, and the newer version on the right with a dashed ring where the pin was; the spot is the same page or video moment, at the same place in percent. By default the latest version against the one before it. Comments stay on the version they were made on: resolve the ones that are taken care of with resolve_feedback (only when the user asks), by their id. Six comments per call; continue with `offset`.

輸入參數tofromfileId必填offsetproject

show_file

Show a file to the user

Open an uploaded file, or a Figma project’s frame, in an interactive viewer in the chat, for the user: the picture with its open comments as pins they can click to read, resolve or ask you about, a PDF page by page, a video moment by moment, and a switch between its versions. Use it when the user wants to see a file or go through its comments. To look at a file yourself, use get_file: this answer only names the comments. In a client that shows no MCP Apps, nothing opens.

輸入參數fileId必填project

file_picture

Picture for the file viewer

Used by the file viewer that show_file opens: the picture of a file, a PDF page or a video frame without pins (the viewer draws its own). To look at a file yourself, use get_file.

輸入參數atpagefileId必填project

resolve_feedback

Resolve a feedback item

Mark a feedback item as resolved in layernote. Only call this once the point has actually been dealt with: in the code, the design or the file. If it will NOT be done (a false positive, intentional, out of scope), use wont_fix_feedback instead so the team sees the reason rather than a false "fixed".

輸入參數id必填project

verify_feedback

Verify a feedback fix

Only for feedback on a live website page. Ask layernote to confirm a fix: it re-screenshots the live page, re-runs the design comparison, and auto-resolves the feedback item when the underlying difference is gone. Prefer this over resolve_feedback for comparison-generated items — it proves the fix instead of trusting it. The deployed page must include your change first. Takes up to ~30 seconds. Comments on uploaded files cannot be verified this way.

輸入參數id必填project

add_feedback_comment

Reply to a feedback item

Add a reply to a feedback item's thread in layernote so the team can follow along: what was changed, why, a question for the reviewer, or that a fix is waiting on a deploy. The reply appears in the item's thread under the name of the person who created the token.

輸入參數id必填text必填project

wont_fix_feedback

Mark a feedback item as won’t-fix

Mark a feedback item as "won't fix" in layernote, with a mandatory reason that is posted to the item’s thread. Use this instead of resolve_feedback when it is deliberately not acted on: e.g. the item is a false positive, intentional, or out of scope. The team sees the item as dismissed with the explanation, not as fixed.

輸入參數id必填reason必填project

set_feedback_status

Set the status of a feedback item

Move a feedback item to another status on the project board. Statuses are the project's own board columns — list_feedback returns them under "workflow.statuses", and clients can rename columns or add custom ones (e.g. "Design Review"), so always use a name from that list. Built-in names like "In Progress" also work. For resolving prefer resolve_feedback (or verify_feedback on a website), and for dismissing use wont_fix_feedback: that also records why in the thread.

輸入參數id必填status必填project

add_comments

Place comments on a file

Place one or more comments on an uploaded file in layernote, or on a Figma project’s frame, each as a pin at a spot on the picture (in percent, 0,0 top left), on a PDF page or at a moment in a video. A frame takes no page or moment. They appear at once for everyone on the project, clients on a share link included, under the name of the person who created the token and marked "via Claude". Look at the file with get_file first to place the pins well. Put every comment for one file in one call: the team then gets one notification, not one per pin. Only place comments when the user asks for it.

輸入參數fileId必填projectcomments必填

update_feedback

Assign a feedback item, or set its priority or due date

Change who a feedback item is assigned to, its priority or its due date in layernote. The assignee is someone on the project (list_people shows who), by name or email; they get the usual notification. Use "none" to take an assignment, priority or due date away. For the status use set_feedback_status.

輸入參數id必填dueDateprojectassigneepriority

list_people

List the people on a project

The people who can work on the project's feedback, with their name, email and workspace role: who update_feedback can assign.

輸入參數project

upload_file

Upload a file or a new version

Add an image (JPEG, PNG, WebP, GIF, AVIF) or a PDF to a Static files project in layernote, as a new file or, with versionOf, as the next version of a file (the same kind of file). Give `url` for one link or `files` for up to 10, for example the exports of designs you just fixed in Figma: layernote fetches them itself. For a file the user has on their computer, give no link: an upload panel opens in the chat and the user drags the file into it. Tell them so; an image pasted in the chat itself can’t be passed on. Only upload when the user asks.

輸入參數urlfilesprojectfileNameversionOf

add_attachment

Attach a file to a comment

Attach an image (JPEG, PNG, WebP, GIF, AVIF) or a PDF to a comment in layernote, for example a picture of how it looks after the fix. Give `url`, an https link layernote fetches itself (such as an image link from the Figma connector). For a file the user has on their computer, give no link: an upload panel opens in the chat and the user drags the file into it. Tell them so; an image pasted in the chat itself can’t be passed on. Only attach when the user asks.

輸入參數urlprojectfileNamefeedbackId必填

store_upload

Store the file dropped in the upload panel

Used by the upload panel in the chat, not by you: it sends the file the user dropped in it, with the ticket upload_file or add_attachment gave it. To upload a file, call upload_file or add_attachment.

輸入參數data必填ticket必填projectfileName必填mimeType必填

create_project

Create a project

Make a new layernote project in the workspace this token is for: FIGMA for a Figma design (then bring its screens in with import_figma_frames), STATIC_FILES for pictures, PDFs and videos (then upload_file), or WEBSITE for a live site (give websiteUrl). It counts against the workspace’s plan like a project made in the app, and is the user’s, made in their name. Only create one when the user asks.

輸入參數name必填type必填websiteUrlfigmaFileUrl

list_figma_frames

List the frames in a Figma file

List the screens (top-level frames) in a Figma file, with their size and whether the project already has them: new, imported, or changed in Figma since. layernote reads the file with the user’s own Figma connection in layernote, not with a Figma connector in this chat. The project must be a Figma design project. Use it to pick frames for import_figma_frames. A big file gives up to 200 at a time: narrow it with `search`.

輸入參數searchfileUrl必填project

import_figma_frames

Import frames from Figma

Bring screens from a Figma file into a Figma design project, the way “Add your Figma design” in layernote does: each frame becomes a screen the team can comment on. Name the frames (by name or id from list_figma_frames, up to 50), or leave them out for the whole file. A named frame the project already has is brought up to date when Figma changed it, and keeps its comments. One Figma file per project. layernote uses the user’s own Figma connection in layernote; when it is missing, the answer says how the user connects it. The pictures appear a few seconds after. Only import when the user asks.

輸入參數framesfileUrl必填project

share_project

Share a project

Give the project’s share link, to send to a client or anyone outside the team: they open the project without an account and comment (or, with access "view", only look). A project has one link: the first call makes it, later ones give the same link. `access` changes what guests may do for everyone on the link. A link the team paused or that expired stays closed; `reopen` opens it again, only when the user asks for that. Anyone with the link gets in, so only share when the user asks.

輸入參數accessreopenproject

版本歷史

1
  1. v0.11.1最新Oct 26, 2026

評分

已滿足適用檢查項的 90%

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

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

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