Eased
Motion-first React components for shadcn: search, read docs and get install commands.
我該用這個嗎
品質與安全性
根據工具定義與協定合規性的自動化分析。
上下文成本
這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高,可用於其他工作的注意力就越少。
安裝
一鍵安裝
將以下內容加入你的 `claude_desktop_config.json` 檔案:
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}遠端端點
https://eased.dev/api/mcpstreamable-http它能做什麼
工具清單
工具(5)
🟢get_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.
輸入結構描述
{
"type": "object",
"properties": {},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢list_components(tier, industry)
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.
輸入結構描述
{
"type": "object",
"properties": {
"tier": {
"description": "Only free (MIT, installable now) or only Pro components. Leave out for both.",
"type": "string",
"enum": [
"free",
"pro"
]
},
"industry": {
"description": "Only components tagged for this industry: ai (AI agents), devtools (developer tools), finance (fintech and FX), crypto (crypto), saas (SaaS analytics), legal (legal tech), ecommerce (e-commerce), real-estate (real estate and CRE), health (health tech), hr (HR and recruiting), education (edtech), travel (travel and booking), media (creator tools). Leave out for every industry.",
"type": "string",
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
]
}
},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢search_components(query, industry)
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.
輸入結構描述
{
"type": "object",
"properties": {
"query": {
"type": "string",
"minLength": 1,
"maxLength": 200,
"description": "What the component should be or do, in a few words."
},
"industry": {
"description": "Only components tagged for this industry: ai (AI agents), devtools (developer tools), finance (fintech and FX), crypto (crypto), saas (SaaS analytics), legal (legal tech), ecommerce (e-commerce), real-estate (real estate and CRE), health (health tech), hr (HR and recruiting), education (edtech), travel (travel and booking), media (creator tools). Leave out for every industry.",
"type": "string",
"enum": [
"ai",
"devtools",
"finance",
"crypto",
"saas",
"legal",
"ecommerce",
"real-estate",
"health",
"hr",
"education",
"travel",
"media"
]
}
},
"required": [
"query"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_component(slug)
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.
輸入結構描述
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"minLength": 1,
"description": "The component slug, e.g. \"button\" or \"hover-card\", as returned by list_components or search_components."
}
},
"required": [
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_install_command(slugs)
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.
輸入結構描述
{
"type": "object",
"properties": {
"slugs": {
"minItems": 1,
"maxItems": 50,
"type": "array",
"items": {
"type": "string",
"minLength": 1
},
"description": "Component slugs to install, e.g. [\"button\", \"tooltip\"]."
}
},
"required": [
"slugs"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}社群
證據