Stela

Stela

Self-hosted MCP server for publishing, sharing, and reviewing AI agent artifacts with version history and pinned comments.

Category
访问服务器

README

        ███████╗ ████████╗ ███████╗ ██╗       █████╗
        ██╔════╝ ╚══██╔══╝ ██╔════╝ ██║      ██╔══██╗
        ███████╗    ██║    █████╗   ██║      ███████║
        ╚════██║    ██║    ██╔══╝   ██║      ██╔══██║
        ███████║    ██║    ███████╗ ███████╗ ██║  ██║
        ╚══════╝    ╚═╝    ╚══════╝ ╚══════╝ ╚═╝  ╚═╝
           self-contained · versioned · pinned in place

<p align="center"> <img alt="Svelte 5" src="https://img.shields.io/badge/Svelte-5-FF3E00?logo=svelte&logoColor=white&style=flat-square"> <img alt="SvelteKit" src="https://img.shields.io/badge/SvelteKit-adapter--node-FF3E00?style=flat-square"> <img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-strict-3178C6?logo=typescript&logoColor=white&style=flat-square"> <img alt="MCP" src="https://img.shields.io/badge/MCP-server-6E56CF?style=flat-square"> <img alt="SQLite" src="https://img.shields.io/badge/SQLite-node%3Asqlite-003B57?logo=sqlite&logoColor=white&style=flat-square"> <img alt="license" src="https://img.shields.io/badge/license-MIT-39BDA0?style=flat-square"> </p>

Stela is a self-hosted home for agent-built artifacts — the self-contained HTML that AI agents produce (dashboards, prototypes, one-pagers). Any MCP-speaking agent can publish to it; anyone your gate admits can view, and collect pinned visual comments on a stable URL with full revision history. Inspired by Claude's artifacts — built so no vendor decides who gets to see your work.

A stela is an inscribed stone slab erected for public display. Same idea, less quarrying.

Stela home

Why

Every AI vendor now hosts artifacts in its own silo, shared on its own terms — usually a fully public link for the whole internet, or a seat inside the same walled garden. Neither one is "show this to my team, behind our own login." And each vendor's gallery only holds its own agent's work.

Stela is that missing middle, and stays small being it. One Node process, one SQLite file, no accounts to manage, no cloud dependencies. Your agents — whichever vendor, however many — publish to one place; anyone your gate admits can view, comment, and follow along as you revise.

  any MCP agent ──"Stela this"──▶  publish_artifact ─▶  ┌──────────────────────────────┐
  (Claude Code / ChatGPT /                              │  Stela                       │
   Grok / Copilot / your own)                           │  · versions, immutable       │
                                                        │  · sharing, three tiers      │
                                                        │  · pinned comments 📌        │
                                                        └──────────────┬───────────────┘
                                                                       │ stable share URL
                                          your auth proxy ◀────────────┘
                                                  │
  teammate (no AI seat at all) ──opens link──▶ sandboxed iframe (no-network CSP)
                                                  │
                                       drops pinned comments ──▶ read_comments ──▶ the agent

What it does

  • 📤 Publish from any agent — "publish this to Stela" / "Stela this" in Claude Code, claude.ai, ChatGPT, Grok, Copilot Studio, or anything else that speaks MCP turns the current artifact into a hosted, shareable page.
  • 🔗 Stable URLs + revision history — republishing creates a new immutable version at the same URL; every version stays viewable.
  • 🔒 Three-tier sharing — private (you), everyone (anyone signed in to your server), or restricted (named people, by user id or email).
  • 📌 Pinned visual comments — reviewers pin feedback to a spot on the artifact; threads resolve, scoped to the version they were made on.
  • ♻️ Close the loop — read_comments pulls the feedback back into whatever agent published the thing, so it can address it and republish.
  • 🛡️ Safe rendering — artifacts run in an opaque-origin sandboxed iframe under a strict default-src 'none' CSP: no network egress, no reach into the portal.
  • 🪶 Zero heavy dependencies — storage is Node's built-in node:sqlite writing one file in DATA_DIR. Backup = copy the file. (An Azure Table/Blob driver ships too, if that's your thing.)

Quick start

Local, zero config

Requires Node ≥ 22.5 (and pnpm via npx pnpm or corepack).

git clone https://github.com/kdowding/Stela
cd Stela
npx pnpm install
npx pnpm dev

Open http://localhost:5173 — you're signed in as a dev user, storage lives in packages/app/.data/. Then connect an agent — the Connect button in the app walks through each client. For Claude Code it's one command:

claude mcp add --transport http stela http://localhost:5173/mcp

then /mcp to authenticate (the consent screen opens in your browser). For ChatGPT, Grok, claude.ai, or Copilot Studio, add Stela as a custom connector / remote MCP server pointed at http://localhost:5173/mcp — those hosts are allowlisted out of the box, and OAUTH_ALLOWED_CLIENT_HOSTS admits any other. Then say "Stela this" in any chat. Even purely local, you get what a file on disk can't give you: stable URLs, revision history, and pinned comments the agent can read back.

Connect an agent

Docker demo

docker compose --profile demo up

Open http://localhost:8080 — a bundled Caddy stamps a static demo identity on every request. Single-user, for kicking the tires; not an auth system.

For real

Stela does not manage accounts — see Security model. Put an identity-aware proxy in front of the container and tell Stela which headers to trust:

ORIGIN=https://stela.example.com        # the public URL users hit
AUTH_MODE=header
AUTH_HEADER_ID=cf-access-authenticated-user-email   # whatever YOUR proxy injects
AUTH_HEADER_NAME=...                    # optional
AUTH_HEADER_EMAIL=...                   # optional
STELA_API_KEY=<long random value>       # admin/CI publishing
STORAGE_DRIVER=sqlite
DATA_DIR=/data

Good gates, in rough order of effort:

  • Cloudflare Tunnel + Access — no open ports at all; free logins (Google/GitHub/email one-time-code) for up to 50 users; set AUTH_HEADER_ID=cf-access-authenticated-user-email.
  • oauth2-proxy — federate to any OIDC provider; headers x-auth-request-user / -email.
  • Authelia — fully local accounts (its own user database + TOTP), no external IdP.
  • Azure App Service Easy Auth — supported as a preset: AUTH_PRESET=easyauth.

The compose.yaml in this repo is the deployment skeleton — it deliberately does not publish Stela's port; traffic must come through your proxy.

Serverless hosts (Vercel, etc.): not yet. Stela wants a long-lived process and a disk — SQLite needs a filesystem, live comment notifications use SSE, and header-trust needs a proxy actually in front. A network storage driver + verified-JWT auth mode are the roadmap items that would change this.

Security model

Stela has no account system, on purpose. Identity is delegated to whatever sits in front of it: if a request arrives with the trusted identity header, that identity is a user — first sight is enrollment. The gate decides who can access; the header decides who they are; Stela only does authorization (who owns what, who a thing is shared with).

The consequences you should actually know:

  • Never expose Stela's port directly. With header-trust on, anyone who can reach the port can claim any identity. Stela refuses to boot in production without AUTH_MODE configured, and logs precisely which headers it trusts — but the network posture is on you: only the proxy should reach the app.
  • User ids should be stable. Ownership keys off the id string in the header, forever. Prefer an immutable subject id over email if your proxy offers one.
  • API access is token-only — the admin key you configure, or per-user Bearer tokens minted through the OAuth/pairing consent flows (issued only to someone who first got through your gate). Secrets are stored as SHA-256 hashes.
  • Artifacts are hostile input, handled accordingly — arbitrary agent-authored HTML/JS renders inside an opaque-origin sandbox with a no-network CSP. The one outbound request Stela ever makes (fileUrl ingest) is SSRF-hardened and allowlisted.

Architecture

pnpm monorepo, TypeScript strict end-to-end, Svelte 5 runes:

packages/
├─ shared/   Zod schemas + types (Artifact, Version, Comment, Anchor, sharing DTOs)
├─ app/      SvelteKit — the deployable: UI + API + remote MCP endpoint (/mcp)
│  └─ src/lib/server/
│     ├─ storage/   Store interface + two drivers: sqlite (default) & azure
│     ├─ auth/      trusted-header identity + Easy Auth preset + dev shim
│     └─ oauth/     Stela as its own OAuth 2.1 AS (PKCE, DCR) for MCP clients
└─ mcp/      stdio MCP server for CLI agents (publish by file path, auto-versioning)

Two details worth reading the code for:

  • The Store interface (storage/types.ts) has two full implementations — sqlite.ts (node:sqlite, STRICT tables, WAL, transactions) and azure.ts (Tables + Blobs, ETag concurrency) — and one conformance suite that runs every contract test against both. The abstraction is load-bearing, not decorative.
  • Artifact immutability: a version is never edited; republishing appends. Identical bytes dedup to the existing version. Comments anchor to versions, so feedback never drifts under revision.

Development

npx pnpm install
npx pnpm dev                # app on :5173, dev identity, sqlite in .data/
npx pnpm -r check           # svelte-check + tsc --strict (0 errors expected)
npx pnpm -r test            # vitest; sqlite tests need nothing extra
npx pnpm dev:storage        # optional: Azurite, only for the azure-driver test leg

The storage conformance suite (packages/app/src/lib/server/storage/*.conformance.test.ts) runs against SQLite always, and against Azurite when it's listening.

Design

The interface is its own little design system — cut basalt, ochre pigment, lapis seal — documented in DESIGN.md. The mark is a boustrophedon: one continuous incision snaking through three rows, the way the oldest stelae were actually written. The OAuth consent screen recognizes whoever comes knocking:

Consent screen

Status

Stela is complete and stable, shared as-is. It does what it set out to do; expect slow-to-no maintenance rather than a roadmap.

License

MIT

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选