Skyelight

io.github.plastrlab由 GitHub 帳號 plastrlab 發布v1.0.0更新於 Nov 6, 2026

Give your AI assistant feedback pinned to the exact element, with its code, so it can fix and reply.

發布方自己的服務:Skyelight

已驗證Streamable HTTP可網頁執行效率與工作流知識與記憶開發者工具

概覽

AI 產生的概覽

Skyelight 讓編碼助理讀取釘在執行中應用程式特定元素上的回饋,處理討論串,並在原處回報結果。

可以做什麼
  • 瀏覽工作區、專案與回饋項目,支援搜尋並提供待處理項目的概況
  • 完整讀取單一項目:討論串、頁面、元素錨點、截圖,以及渲染它的原始檔與行號
  • 在討論串回覆、建立新項目、變更狀態、指派成員、合併重複項目並儲存團隊規則
  • 查看自上次查看以來的變更,並產出專案回顧與附引文的決策紀錄
  • 編輯檔案前先查該檔案的意見回饋,建立項目前先確認是否已有相同回報
  • 發佈頁面或元件供審閱,或把已部署應用程式的網址登錄為審閱連結
適用情境
適合團隊透過 Skyelight 收集應用程式內回饋,並希望編碼助理分流回饋、修復交接給它的項目,並在原討論串回覆回報者的情境。也適合依已解決與延後的討論串撰寫回顧與交接文件。
執行需求
可使用搭配瀏覽器 OAuth 登入的遠端端點,或以 npx 透過 stdio 執行本機 npm 套件。本機方式需要 SKYELIGHT_API_URL,以及在 SKYELIGHT_API_TOKEN 填入帳號設定 API Keys 中建立的個人權杖。需要在该工作區具備擁有者、管理員或協作者角色的 Skyelight 帳號,以及網路存取。
安裝前請注意
寫入操作歸屬於登入者本人,回覆與狀態變更會顯示為你所為。多個工具會變更資料:post_update、create_item、set_status、assign、save_rule、merge_items(標示為破壞性)與 publish_review_link;whats_new 會推進書籤。權杖只顯示一次,且僅限其所属組織。免費方案按月計算助理執行緒數,發佈程式碼即交由 Skyelight 代管。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Skyelight,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

{
  "mcpServers": {
    "skyelight": {
      "type": "http",
      "url": "https://app.skyelight.ai/mcp"
    }
  }
}

README

@skyelight/mcp

[Skyelight: feedback pinned to the element, with the source behind it, for your coding agent]

npm · source · docs

An MCP server that lets a coding agent read the feedback people left on your running app — the thread, the page, and the element they were pointing at — and report back on it when the work is done.

Full guide: skyelight.ai/docs/mcp. The REST API behind the local server is documented at skyelight.ai/docs/api.

Two ways to connect, with the same eighteen tools either way:

  • Remote, with OAuth — the default. Your agent talks to Skyelight over HTTP and you sign in once in the browser. Nothing is pasted and no key is stored on disk.
  • Local, with a token — this package runs as a stdio server on your machine and carries a personal token. For clients or machines where the browser sign-in is not an option.

Every plan includes every tool, Free included, for owners, admins and collaborators. On Free, your agent gets 25 agent threads a month; Pro and above have no limit. A reviewer reads and comments in the web app but does not get agent tools.

The short way

bash
npx @skyelight/mcp init

Finds your coding agents, registers Skyelight's remote server with them, and leaves the sign-in to OAuth — the first time the agent connects it opens a browser and you approve it there. It shows what it will change and waits; --yes skips that once you have read it.

It knows Claude Code, Cursor, Grok, Codex, Gemini CLI and Windsurf. With several installed it asks which; --client cursor or --client all answers in advance. npx @skyelight/mcp remove takes the entry out again. Point at another deployment with SKYELIGHT_URL=https://…; the deployment tells the installer its own MCP URL and OAuth client over /mcp/install-config, so this package holds no environment-specific constants.

The same setup, with a snippet per client, is in the Skyelight web app under account settings → Coding Agents.

As a Claude Code plugin

/plugin marketplace add plastrlab/skyelight-mcp/plugin install skyelight@skyelight

The plugin connects Claude Code to Skyelight's remote server (sign-in is OAuth, as above) and adds a skill for working through feedback and two commands: /skyelight:whats-new and /skyelight:fix-feedback. Its files are .claude-plugin/marketplace.json and plugin/ in this repository.

As a Gemini CLI extension

bash
gemini extensions install https://github.com/plastrlab/skyelight-mcp

Then, in Gemini CLI, sign in once:

/mcp auth skyelight

A browser opens on Skyelight; sign in and allow the connection. Gemini CLI lists the tools before you sign in, so it won't ask by itself. The extension connects Gemini CLI to Skyelight's remote server and adds the same skill and the same two commands as the Claude Code plugin: /skyelight:whats-new and /skyelight:fix-feedback. Its files are gemini-extension.json, GEMINI.md, commands/ and skills/ at the root of this repository.

With a token

Get a personal access token. In the Skyelight web app, go to account settings → API Keys → create one. It is shown once, belongs to the organization you create it in, and can be given an expiry.

Then add the server to your client:

json
{  "mcpServers": {    "skyelight": {      "command": "npx",      "args": ["-y", "@skyelight/mcp"],      "env": {        "SKYELIGHT_API_URL": "https://app.skyelight.ai",        "SKYELIGHT_API_TOKEN": "sky_..."      }    }  }}

Claude Code users can skip the file:

bash
claude mcp add skyelight \  --env SKYELIGHT_API_URL=https://app.skyelight.ai \  --env SKYELIGHT_API_TOKEN=sky_... \  -- npx -y @skyelight/mcp

SKYELIGHT_API_URL is https://app.skyelight.ai, the same host as the MCP URL on the Coding Agents page (https://app.skyelight.ai/mcp), without /mcp. A deployment's .convex.site host also works.

Credentials

Checked in order, so an existing setup keeps working:

  1. SKYELIGHT_API_TOKEN / SKYELIGHT_API_URL in the environment
  2. .env.local, then .env, in the working directory
  3. ~/.skyelight/credentials — {"apiUrl": "...", "token": "sky_..."}

Binding a repo to a project

With the local server, if you can reach several projects, drop a .skyelight.json at the repo root:

json
{ "projectId": "j57abc...", "projectName": "Checkout rebuild" }

Tools then default to that project and nobody has to pass an id. Without it (and always on the remote server), list_items asks for a project and the agent calls list_projects first rather than guess.

Tools

ToolWhat it is for
list_workspacesWhich workspaces this credential can reach, and who you are.
list_projectsThe projects inside them, with the ids the other tools take.
list_itemsWhat is outstanding. Filter by page, type, status, assignee, hand-off.
search_itemsFind items whose thread mentions some text, replies included.
get_itemEverything needed to work one item: thread, page, anchor, code, images.
post_updateReport back on the thread the feedback came from.
create_itemRaise a new item — an audit finding, something you noticed.
set_statusMove an item to open, deferred or resolved.
list_membersWho is in the workspace, so you can name an assignee or a mention.
assignHand an item to a person, or unassign it.
whats_newWhat changed since you last looked, from your own bookmark.
project_reviewWhere a project landed, for a wrap-up or hand-off document.
decision_logWhat the team decided in its threads, quoted, and its current rules.
save_ruleKeep an agreed rule in the project context (owners and admins).
find_by_sourceFeedback on a file or component before you edit it, or the hot spots.
find_similarCheck for an existing report before creating one.
merge_itemsFold duplicate items into one.
publish_review_linkShare something for review: code for Skyelight to host, or a deployed app's address.

Which tools change things. list_workspaces, list_projects, list_items, search_items, get_item, list_members, project_review, find_by_source, find_similar and decision_log only read. post_update, create_item, set_status, assign, save_rule, merge_items, publish_review_link and whats_new (which moves your "last looked" bookmark) make changes. Every tool carries MCP annotations saying which it is, with merge_items marked destructive, so your client can ask before a write runs.

Publishing for review. publish_review_link takes one of two things:

  • code: one HTML page, or one React component with an export default (a Claude prototype, a v0 snippet). Skyelight hosts it at its own link on skyelight.page with the review badge on it, in a project you name or a new one. Publishing again makes a new version at the same link.
  • url: an app already deployed, such as a Lovable, v0 or Bolt project on *.lovable.app or *.vercel.app. The address goes on the project's Review Links, and the answer carries a script tag for the app's <head> and the review link to share (the address with ?skyelight=1).

Code that imports the rest of its app is not hosted; the answer says to send the app's url instead. It answers to publish_prototype too, its name before 0.7.0.

list_items leads with a summary — totals, breakdown by type and by page — so an agent can tell you the shape of the work before pulling any of it. Rows are stubs; get_item is where the thread and the anchor live.

"What is assigned to me." list_workspaces returns your own user id, and list_items takes assignee: "me", so the most ordinary question anyone asks an agent needs no id looked up by hand.

"What was I asked to fix." A person can hand a thread to an agent in the app (Hand off: Investigate, Plan or Fix). list_items takes task with one of those, or "none", and each row names its hand-off. With assignee: "me" it is your own queue of fixes.

Merged duplicates do not appear twice. When somebody merges five reports of one problem in the web app, the duplicates leave the list and the item they were merged into says 5 reports. A list that shows all five reads as five bugs.

What the agent sees

Alpha: 21 items total — 15 open, 3 deferred, 3 resolved, 19 unassigned.By type: bug (7), idea (4), feedback (10).Busiest pages: /checkout (8), /settings (4).
2 matches:- The pay button does nothing on the second click  bug · open · /checkout · unassigned · 2 replies · 5 reports — id i1

Deliberately prose rather than JSON. A tool that returns a bare array invites a model to read the array out; this one invites it to summarise.

A row's line is the one-sentence summary Skyelight's classifier wrote, where there is one, rather than the first 140 characters of whatever somebody typed — four truncated paragraphs are not something you can choose between.

One call reads the 2,000 most recent items in a project. Past that the result says so, in words, rather than presenting a slice as the total.

The pictures

get_item returns the screenshot taken when the pin was left, and any images people attached to the thread, as image content blocks — things a model can actually look at, not links it cannot open.

Screenshot of the page when this was pinned: attached below.2 images attached to this thread: also below.

Capped at four per call. Anything too large to inline comes back as its link with the reason, so a picture never disappears silently.

What somebody else already did

get_item also names the Linear issue a thread was handed to, and who it was delegated to, so an agent does not start work a Linear-hosted agent is finishing. Reactions come back counted by emoji — a thread with one comment and nine thumbs up is not a thread with one comment.

Where the code is

If the app was built with @skyelight/build, get_item ends with the line that changes what an agent does next:

Written by components/Card.tsx, line 88, in build a1b2c3d on branch feat/checkout.

The file saves a grep. The commit and branch are how an agent tells "still broken" from "already fixed, this pin is stale" — and, on a preview deployment, which branch the code it wants is actually on.

Who a write belongs to

Every write is a person's. Your sign-in or token carries your access, so a reply the agent posts is yours. Over the remote server, the editor it came through is shown as a mark beside the timestamp rather than as the author.

There is no service-account mode, and workspace API keys (sk_live_...) no longer work. The API accepts two credentials, both of which are you: an OAuth sign-in and a personal token (sky_...).

Permissions

The server enforces nothing; the API does. The agent can do what your account can do in that workspace, and nothing more:

  • Agent tools work on every plan, Free included, for owners, admins and collaborators. A reviewer is refused with the reason — the workspace is listed and marked rather than hidden, so you are told which gate closed instead of being told it does not exist.
  • On Free, your agent gets 25 agent threads a month. Two things count: each conversation, once, on its first call of any tool, listing included; and each thread the first time in the month get_item, post_update, set_status, assign or merge_items touches it. So "what feedback do I have?" then "fix that one" is 2. Nothing counted is given back. list_workspaces says how many are left, and at the limit anything new is refused with the reset date. Free hosts one prototype.
  • Adding a deployed app's address to Review Links is for owners and admins.
  • Owners, admins and collaborators read, reply, raise items and change any thread's status.
  • A token only reaches workspaces in the organization it was created in.

來源:README.md,提交 1a2e0e6

工具

18

list_workspaces

List workspaces

Workspaces you can reach, with the role you hold in each, and who you are. Use when you do not know what exists yet, to find which workspace a project belongs to, or to learn your own user id.

無需輸入參數。

list_projects

List projects

Projects you can reach, newest activity first, across every workspace unless one is named. Start here when no project is bound — `list_items` needs a project id and this is where one comes from.

輸入參數workspaceId

list_items

List feedback

List feedback items (bugs, ideas, comments) people left on a Skyelight project. Returns a summary of the project plus matching items. Start here to see what is outstanding. An item's hand-off (investigate, plan, fix) is set by the team and binding: on investigate or plan, reply on the thread and change no code.

輸入參數pagetasktypelimitstatusassigneeprojectId

search_items

Search feedback

Find items whose thread mentions some text. Searches replies as well as the original message, so an item someone already diagnosed in a reply still turns up.

輸入參數limitquery必填statusprojectId

post_update

Post an update

Report back on an item: what you found, what you changed, a link to the PR. Posts as a reply on the thread the feedback was left on, so the person who reported it sees the answer where they asked. Use this when you finish work on an item, and when you get stuck.

輸入參數body必填linksitemId必填mentions

create_item

Create feedback

Open a new thread on a page, as the person whose connection you are using. Only available on a person's own connection — an agent reporting what it found or changed uses post_update on the thread it was working, so the answer lands where the question was asked.

輸入參數url必填body必填assigneementionsselectorpageTitleprojectId

list_members

List members

The people in a workspace: name, email, role and id. Call it when you are asked to tell, ask or hand something to someone by name, then pass their name or id to assign, or in mentions on create_item or post_update.

輸入參數projectIdworkspaceId

assign

Assign

Hand an item to a person, who is notified the way an assignment in the app notifies them. Pass null as the assignee to unassign it. Only owners, admins and collaborators can assign; a resolved item has to be reopened first.

輸入參數itemId必填assignee必填

set_status

Set status

Move an item to open, deferred or resolved. Use it to close the loop after you have fixed something and said so — post_update first, so the person who reported it reads what changed, then set_status. "deferred" is for work that is real but not now.

輸入參數itemId必填status必填

get_item

Get feedback item

Everything needed to work one item: the whole thread in order, the page and URL it is on, the anchor identifying the element the person pointed at, and the pictures — what the page looked like when it was pinned, plus anything people attached — returned as images you can look at rather than links you cannot.

輸入參數itemId必填

project_review

Review project

Everything needed to write an accurate project review or hand-off document: the shape of the work, every resolved thread and how it ended, what was deferred and why, what is still open, and the longest conversations quoted in full, which is where decisions were made. Every entry carries its item id, so each claim in your document can be traced back to its thread. Quote; do not invent outcomes the threads do not state.

輸入參數offsetsectionprojectId

whats_new

What's new

What changed on a project since you last looked: new threads, new replies grouped by thread, what was resolved or deferred, and what was assigned to you or mentioned you. Call it at the start of a session. Without `since` it reads from your bookmark and moves it forward; with `since` it reads that window and leaves the bookmark alone.

輸入參數sinceprojectId

find_by_source

Find feedback by source file

Feedback by the code that rendered it, from the file and line the Skyelight build plugin stamps on each element. Pass a file (a path or just its name) or a component to see every thread about it before you edit it; pass neither to get the hot spots, every stamped file ranked by outstanding feedback.

輸入參數filelinelimitstatuscomponentprojectId

find_similar

Find similar feedback

Has this already been reported? Pass the text you are about to report (and the page, if you know it) before create_item, or an itemId to find what an existing thread duplicates. Returns likely matches with why each matched: shared words, same page, same element, same source file. If two are the same problem, merge_items folds one into the other.

輸入參數pagetextlimititemIdselectorprojectIdincludeResolved

merge_items

Merge duplicates

Fold duplicate items into one, the way merging works in the app: the duplicates leave the list and count as extra reports on the item they were merged into. Use it only when find_similar and the threads themselves show they are the same problem. Owners, admins and collaborators can merge.

輸入參數itemId必填duplicateIds必填

decision_log

Decision log

The decisions a project made in its threads, quoted: every thread resolved or deferred after a discussion, with the conversation, plus types people corrected and where outcomes keep recurring. Also returns the project's existing rules, so you can tell what is new. Use it to write a decision log, or to find rules worth keeping with save_rule.

輸入參數limitsinceoffsetprojectId

save_rule

Save a rule

Keep a rule the team agreed on ("sentence case in every button", "the brand gray stays, do not raise contrast bugs on it") in the project's context, under Rules learned. The classifier reads that context, and every agent reads it through decision_log, so it shapes future threads. Cite the threads it came from. Workspace owners and admins only; confirm with the person before saving.

輸入參數rule必填projectIdsourceItemIds

版本歷史

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

評分

已滿足適用檢查項的 90%

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

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

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

其他 Skyelight 整合