Power your agent
คำสั่งของผู้เผยแพร่เอง ไม่ใช่เอนด์พอยต์ของ PlugMCP
Host a copy with our keys and logs.
npx -y [email protected]Claude Code ไม่มีลิงก์ติดตั้งสำหรับคำสั่งแบบโลคัล ให้คัดลอกคำสั่งด้านล่างแล้วรันในเทอร์มินัล
claude mcp add edityy -- npx -y edityy@0.8.0รันในเทอร์มินัล
{ "mcpServers": { "edityy": { "command": "npx", "args": [ "-y", "[email protected]" ] } }}claude_desktop_config.json
URL แบบรีโมตหรือคำสั่งบนเครื่องของคุณ? การติดตั้งสองแบบต่างกันอย่างไร
รันบน PlugMCP
A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.
เปิดจากผู้เผยแพร่
A visual editing layer for code-based websites.
npm install -D edityy, one line in your dev server config, and the Edityy launcher appears in the bottom-right corner
of the site you are already running. Your codebase stays the source of truth.
npm install -D edityy
// vite.config.ts
import { defineConfig } from "vite";
import { edityy } from "edityy/vite";
export default defineConfig({
plugins: [edityy()],
});
A visual editing layer for code-based websites. Drop the launcher into a dev server you already run.
Reload the page. The launcher is there. Full setup for Vite, Connect/Express and Next.js is in the package README.
your codebase → your dev server → edityy middleware → the page, with a launcher
The middleware serves /__edityy/edityy.js and injects a relative <script> tag into the HTML your dev server already
returns. A relative URL means it follows whatever port you are on, so there is nothing to configure and no port to keep
in sync.
The launcher itself mounts a host element that is fixed to the viewport, ignores pointer events, and renders inside an open shadow root — so your page's CSS cannot restyle it and it cannot leak styles back out.
Click the launcher and the page becomes editable: point at any element, click it, and a dock at the bottom of the
viewport changes it — type, colour, spacing, fill, border, shadow and filters — or type straight into its words. Every
edit is an inline style on the live page, so nothing is written to your code until you say so. From the edits list you
can copy the edits as a prompt for a coding agent, or save them to .edityy/changes.json for an agent to read over
MCP (npx edityy mcp). Leaving the mode puts the page back exactly as it was.
One element can also be varied: choose Variations, pick how many variants and add an optional comment, then type
vartest in your agent and it answers with that many style variations, including hover states, pseudo-elements and
breakpoints. Say what you want in the same message, and the agent follows it. Keys 1 to 9 and 0 switch the live
element between them, and the one you keep is an ordinary edit.
You already have a website built in your codebase. Edityy works on top of the running application instead of asking you to rebuild that site inside a visual editor.
See DESIGN.md for the visual language.
The package ships the launcher, the editing mode and the hand-off to a coding agent (copy, save to the project, MCP). Edits are not written to your source by Edityy itself: the agent does that, which keeps the codebase the source of truth.
npm install # installs the workspace
npm test # the package's checks
npm run lint
npm run dev # the site in this repo
cd packages/edityy
npm test # the package's checks
npm pack --dry-run # what would ship
CI (.github/workflows/ci.yml) runs on every PR and every push to main: the package tests on Node 18, 20, 22 and 24,
a check that the tarball ships exactly the files in src/, the README, LICENSE and CHANGELOG, and the site's lint and
build. The
ci job passes only when all of them do; it is the check branch protection requires.
The site in app/ runs on Cloudflare Workers (https://edityy.webdesignbyft.workers.dev). Deploys are done by
Cloudflare Workers Builds, connected to this repo in the Cloudflare dashboard (Workers & Pages → edityy →
Settings → Builds): every push to main builds and deploys, and its status shows up as a check on the commit.
Pushes to other branches build and run npx wrangler preview, which creates a Worker Preview for the branch; that
command needs the previews block in wrangler.jsonc, so keep it even though it is empty.
Workers Builds installs with npm 10, and .npmrc raises npm's fetch retries and timeouts so the ~127 MB workerd
Linux binary doesn't silently fail to download (the same mitigation farhantawfeeq56/cmsy uses). .nvmrc pins Node
24. .github/workflows/cloudflare-deployments.yml mirrors each build onto the repo's Deployments page with a live link.
Workers Builds does not wait for this repo's CI, so a merge deploys even if CI is red. CI must be green before merge (AGENTS.md §3.7) for that to be safe.
npm run build is vinext build, the same Workers bundle Cloudflare deploys; npm start serves it locally on the
Workers runtime. To check a deploy without deploying: npm run build && npx wrangler deploy --dry-run.
packages/edityy is published to npm by .github/workflows/release.yml. A version bump that merges to main is the
release: the reviewed PR is the only approval, and nothing is done by hand after the merge. There is no npm token
anywhere: the workflow authenticates with npm trusted publishing (OIDC),
and every version gets a provenance attestation.
While you work, add notes under ## Unreleased in packages/edityy/CHANGELOG.md.
To release, in a PR:
npm run bump -- patch # or minor, major, or an exact version like 1.0.0-beta.1
This sets the version in packages/edityy/package.json and package-lock.json, renames ## Unreleased to the new
version with today's date, and moves the root edityy range when it would no longer cover the new version (#45).
It refuses to run if ## Unreleased is missing or empty.
Merge the PR the usual way. On the push to main, the Release workflow:
v<version> tag and GitHub Release with that version's CHANGELOG notes. Below them,
GitHub adds the list of merged PRs, each with its author. .github/release.yml keeps Dependabot PRs out of it.A version with a prerelease suffix (1.0.0-beta.1) goes to the next dist-tag and a prerelease, never latest.
A push that does not change the version publishes nothing.
npm can take a few minutes to process a new version before you can install it. The publish job waits up to 10 minutes for it, then the release job runs.
If a run fails, fix the cause and re-run all jobs. Each job skips what is already done (version on npm, release exists), so a re-run never publishes twice. If the version is still not installable after 10 minutes, npm has probably staged it instead of publishing it, and the run fails and says so. A maintainer approves it on npmjs.com (Staged Packages) with 2FA, then re-runs the workflow to create the release.
To rehearse without publishing: Actions → Release → Run workflow on main with dry-run ticked. The publish and release jobs run only on
main; a run on another branch or a tag skips them.
Both need the owner's accounts.
edityy → Settings → Trusted publishing → GitHub Actions:
organization or user farhantawfeeq56, repository edityy, workflow filename release.yml, environment npm, and
under Allowed actions tick Allow npm publish. Without it, npm refuses the publish (403 OIDC permission denied) or only stages it. An existing connection cannot be edited: delete it and add it again. Then set
Publishing access to require two-factor authentication and disallow tokens, so trusted publishing is the
only way in.npm environment. Repo Settings → Environments → npm. Limit deployment branches and tags to
main, and add no required reviewers: the PR approval on main (AGENTS.md rule 12) is the release approval.MIT
A visual editing layer for code-based websites. Drop the launcher into a dev server you already run.
{ "mcpServers": { "edityy": { "command": "npx", "args": [ "-y", "[email protected]" ] } }}เครื่องมือ
ยังไม่มีรายการเครื่องมือ เซิร์ฟเวอร์แบบรีโมตจะได้รายการหลังการตรวจสอบสถานะครั้งแรก
FAQ
คัดลอกคอนฟิก stdio สำหรับ Cursor, Claude Desktop, Claude Code หรือ VS Code ได้ในหน้านี้ คอนฟิกนี้ใช้การติดตั้งของผู้เผยแพร่ ไม่ใช่พร็อกซีของ PlugMCP
ระเบียนนี้ไม่ได้ระบุตัวแปรสภาพแวดล้อมที่จำเป็น
Edityy ทำงานแบบโลคัลผ่าน stdio
ตรวจสอบล่าสุดเมื่อ 2026-11-13 A visual editing layer for code-based websites. Drop the launcher into a dev server you already run.