dev.eased由 eased.dev 發布官方發布者v1.0.0更新於 Nov 1, 2026
Motion-first React components for shadcn: search, read docs and get install commands.
Eased MCP 讓助理瀏覽、搜尋並閱讀 shadcn 動效優先 React 元件的文件，並取得安裝指令。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/dev.eased%2Feased/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"eased": {
"type": "http",
"url": "https://eased.dev/api/mcp"
}
}
}Eased is a library of motion-first React components for shadcn, installed with the shadcn CLI.
eased.dev · Components · Docs
This repository is the free, MIT-licensed part of Eased: the source of every free component, its docs, and the registry JSON that eased.dev/r serves.
Add a component with the shadcn CLI, by its registry name or by its URL:
@eased/<name> works because Eased is listed in the shadcn registry index, so the CLI finds @eased without a registries entry in components.json.
The URL form needs the .json extension: https://eased.dev/r/button.json works, https://eased.dev/r/button returns 404.
The CLI copies the component's source into components/eased/<name>/, installs its npm dependencies and merges the Eased stylesheet into your global CSS. There is no CSS file to import. You own the code from then on.
components.json. If your project doesn't have one, run npx shadcn init.The CLI installs each component's npm dependencies for you. Across the free components these are @base-ui/react (36), @tanstack/react-table (2), d3-scale (1), d3-shape (1), motion (55), shiki (3), with the number of components that use each.
60 free components in 14 categories. Each one also has a page in docs/components/.
The Eased MCP server is at https://eased.dev/api/mcp. Claude Code:
Cursor, in .cursor/mcp.json:
Installs eased-motion: the motion rules only.
Installs eased-skill: the full Eased design skill, written to .claude/skills/eased/SKILL.md.
Every animated component respects prefers-reduced-motion. From the motion docs:
Every animated component has a reduced branch. When the visitor's system asks for reduced motion, movement becomes a 100ms opacity fade (
reducedFade) or nothing, and looping animations stop.
The free components are MIT: see LICENSE. Eased Pro is a separate paid tier, at eased.dev. Pro source isn't in this repository.
Open a GitHub issue or use eased.dev/report.
來源：README.md，提交 cc34c83
Get the Eased design skill
The Eased design skill as Markdown: how to install and compose Eased components, the tokens, and the checkable rules every component is built on (alignment, the 1:2 spacing ratio, concentric radii, springs per role, enter and exit, focus rings, reduced motion). Call it first, before you build or change UI with Eased, and follow it while you work.
無需輸入參數。
List Eased components
List every Eased component (motion-first React components installed with the shadcn CLI) in catalogue order, with slug, title, one-line summary, tier (free or pro), interaction verb (Hover, Press, Drag, Slide, Select, Type, Loading, Scroll), the industries it suits and page URL. Use it to browse what exists, optionally for one industry (e.g. crypto, legal); use search_components to find one for a specific need.
tierindustrySearch Eased components
Find Eased components for a need, e.g. "loading state", "tooltip", "drag to adjust a number" or "tabs with a sliding indicator". Matches title, slug, interaction verb, description and README docs, best match first; pass industry to keep to one (e.g. "a swap UI" for crypto). Follow up with get_component for docs and source.
query必填industryGet an Eased component
Everything about one Eased component as Markdown: title, description, tier, README docs (usage, props, motion signature), install command and dependencies. Free components also include the full source of their files and a demo showing real usage, so you can read or adapt the code. Pro components return docs and metadata only, unless this server was added with an Eased Pro token header, in which case their source comes too.
slug必填Get the install command
One `npx shadcn add …` command that installs the given Eased components (and their tokens and helpers) into the current project. Only free components install from the public registry; Pro components are listed separately as requiring Eased Pro.
slugs必填已滿足適用檢查項的 100%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
npx shadcn add @eased/buttonnpx shadcn add https://eased.dev/r/button.jsonclaude mcp add --transport http eased https://eased.dev/api/mcp{ "mcpServers": { "eased": { "url": "https://eased.dev/api/mcp" } }}npx skills add easedui/skillsnpx shadcn add https://eased.dev/r/eased-skill.json