Eased
Motion-first React components for shadcn: search, read docs and get install commands.
¿Debería usar esto?
Calidad y seguridad
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}Puntos de conexión remotos
https://eased.dev/api/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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"
}Comunidad
Evidencia