Nuxt UI
Компоненты, примеры и шаблоны Nuxt UI для ассистента, который пишет интерфейсы
Добавьте сервер в «Мои MCP» — получите адрес подключения для Claude и ChatGPT.
Добавить в «Мои MCP»Нужно войти или зарегистрироваться — вернём на эту страницу.
Описание
Официальный сервер библиотеки Nuxt UI: ассистент знает все компоненты, их свойства, слоты и события, берёт готовые примеры и шаблоны и не придумывает несуществующие свойства. Инструменты (12), основные: - search-components и get-component — поиск компонента и его документация; - get-component-metadata — свойства, слоты и события компонента; - list-examples и get-example — готовые примеры с исходным кодом; - list-templates и get-template — шаблоны проектов; - search-icons — поиск иконок в наборах Iconify; - get-migration-guide — руководство по переходу на новую версию. Кому полезен: разработчикам на Vue и Nuxt, которые собирают интерфейсы на Nuxt UI. Примеры вопросов: — «Сделай форму входа на компонентах Nuxt UI» — «Какой компонент Nuxt UI подойдёт для выпадающего списка с поиском?» Ключ не нужен.
Инструменты · 12
из ответа tools/list
Get Component
get-component
Get Component
get-component Retrieves Nuxt UI component documentation and details. Use the `sections` parameter to fetch only specific parts of the documentation to reduce response size. Use `get-component-metadata` instead when you only need structured props, slots and events.
get-component(sections?: array, componentName: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"componentName"
],
"properties": {
"sections": {
"type": "array",
"items": {
"enum": [
"usage",
"examples",
"api",
"theme",
"changelog"
],
"type": "string"
},
"description": "Specific sections to return: usage, examples, api, theme, changelog. If omitted, returns full documentation."
},
"componentName": {
"type": "string",
"description": "Component name. Accepts `Button`, `UButton`, `button` or `u-button`."
}
}
}
Get Component Metadata
get-component-metadata
Get Component Metadata
get-component-metadata Retrieves metadata for a Nuxt UI component including props, slots, and events. Props are compact by default, pass `full: true` to get the raw recursive prop schemas (very large). Use this over `get-component` when you need structured props, slots and events rather than prose documentation.
get-component-metadata(full?: boolean, componentName: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"componentName"
],
"properties": {
"full": {
"type": "boolean",
"description": "Return raw metadata with recursive prop schemas (very large). Defaults to false (compact props)"
},
"componentName": {
"type": "string",
"description": "Component name. Accepts `Button`, `UButton`, `button` or `u-button`."
}
}
}
Get Documentation Page
get-documentation-page
Get Documentation Page
get-documentation-page Returns the Markdown content of one documentation page by its URL path, as found in the `path` field of `search-documentation`. Pass `headings` to return only the named h2 sections and reduce response size. The result is the Markdown string only, with no metadata. A path that names a section resolves to its first page. For a component, `get-component` returns the same content with metadata. Fails when no page exists at the path.
get-documentation-page(path: string, headings?: array)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"path"
],
"properties": {
"path": {
"type": "string",
"description": "The path to the content page (e.g., /docs/components/button)"
},
"headings": {
"type": "array",
"items": {
"type": "string"
},
"description": "Specific h2 heading titles to extract (e.g., [\"Usage\", \"API\"]). If omitted, returns full page."
}
}
}
Get Example
get-example
Get Example
get-example Retrieves the source code of a UI example. Returns the code as a string only, without metadata. Use `list-examples` to find the exact example name.
get-example(exampleName: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"exampleName"
],
"properties": {
"exampleName": {
"type": "string",
"description": "The name of the example (PascalCase)"
}
}
}
Get Migration Guide
get-migration-guide
Get Migration Guide
get-migration-guide Returns the full guide for migrating an application from the previous major version of Nuxt UI to this one, as Markdown with its title, description and URL. Takes no parameters and covers that single upgrade only. The page is large. To read part of it, call `get-documentation-page` with `/docs/getting-started/migration` and a `headings` list.
get-migration-guide()
// inputSchema
{
"type": "object",
"properties": {}
}
Get Template
get-template
Get Template
get-template Retrieves a template by its title (case-insensitive): description, framework, features, and links to its live preview and GitHub repository. Does not include setup instructions or source code. Use `list-templates` to find the exact title.
get-template(templateName: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"templateName"
],
"properties": {
"templateName": {
"type": "string",
"description": "The name of the template"
}
}
}
List Examples
list-examples
List Examples
list-examples Lists the names of all available UI examples. Returns names only, not code: pass a name to `get-example` to read its source.
list-examples()
// inputSchema
{
"type": "object",
"properties": {}
}
List Templates
list-templates
List Templates
list-templates Lists the Nuxt UI templates with their full records and a `total` count. Pass `framework` to keep only templates whose framework matches exactly, ignoring case. An unknown value returns an empty list. Use this to find a template and its exact title. `get-template` returns a single template by title.
list-templates(framework?: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"framework": {
"type": "string",
"description": "Filter templates by framework (e.g., \"nuxt\", \"vue\")"
}
}
}
Search Components
search-components
Search Components
search-components Search components by name, category, or intent. Matches alternate names from other ecosystems (e.g. "segmented control" finds FieldGroup, "combobox" finds InputMenu, "dialog" finds Modal). Results are ranked by relevance
search-components(search?: string, category?: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search term to filter components by name, description, or intent (alternate names like \"segmented control\" are matched)"
},
"category": {
"type": "string",
"description": "Exact category: layout, form, element, navigation, data, overlay, dashboard, page, chat, content, editor, color-mode or i18n"
}
}
}
Search Composables
search-composables
Search Composables
search-composables Finds Nuxt UI composables such as `useToast` or `useOverlay`. `search` is a case-insensitive substring match on the name, title and description, checked against the whole string, so pass one keyword rather than a sentence. With no `search` it lists every composable. Returns name, title, description, path and URL for each match, sorted by name. It does not return usage or signatures. Read a result with `get-documentation-page` using its `path`.
search-composables(search?: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Single keyword, matched as a substring of the name, title or description"
}
}
}
Search Documentation
search-documentation
Search Documentation
search-documentation Search documentation pages by title, description, or section. With no params, lists all pages.
search-documentation(search?: string, section?: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search terms to filter pages by title, path or description. Every term has to match."
},
"section": {
"type": "string",
"description": "Filter by documentation section (e.g., \"getting-started\", \"components\", \"composables\")"
}
}
}
Search Icons
search-icons
Search Icons
search-icons Searches one Iconify collection for icons matching a keyword. One collection is searched per call, `lucide` by default, so repeat the call to try another. Returns each match as a `name` in the `i-{prefix}-{name}` format used by Nuxt UI with a `preview` SVG URL, plus the total match count.
search-icons(limit?: number, query: string, collection?: string)
// inputSchema
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"query"
],
"properties": {
"limit": {
"type": "number",
"maximum": 999,
"minimum": 1,
"description": "Maximum number of results (default: 64)"
},
"query": {
"type": "string",
"description": "Search query (e.g., \"arrow\", \"home\", \"settings\")"
},
"collection": {
"type": "string",
"default": "lucide",
"description": "Icon collection to search within (e.g., \"lucide\", \"heroicons\", \"mdi\"). Defaults to \"lucide\"."
}
}
}
Вопросы, новые серверы, обсуждение MCP
t.me/rusmcp · t.me/RusMcp_bot