Ark UI MCP Server: Setup for Claude, Cursor and Other Apps

• List Ark UI components

  Lists the names of every Ark UI component for the framework you pick: React, Vue, Svelte or Solid.

  Try: “Which Ark UI components are there for React?”

  Network · list_components

• List examples for a component

  Lists the code examples that exist for one component in one framework.

  Try: “What examples exist for the Dialog component in Vue?”

  Network · list_examples

• Get a full code example

  Returns the complete code of one example for a component and framework, with its dependencies.

  Try: “Show me the basic Select example for React.”

  Network · get_example

• Get a component's props

  Returns the props a component accepts in the chosen framework.

  Try: “What props does the Tabs component take in Solid?”

  Network · get_component_props

• Get CSS variables and data attributes

  Returns the data attributes and CSS variables of a component, for styling and customising it.

  Try: “How do I style the open state of an Accordion?”

  Network · styling_guide

• Search the Ark UI docs

  Searches the documentation by keyword and returns matching pages with slug, title, description and category.

  Try: “Search the docs for controlled state.”

  Network · search_docs

• Read a docs page

  Returns the full markdown of one documentation page, by slug. Search first if you do not know the slug.

  Try: “Get the docs page for the Combobox.”

  Network · get_docs

Watch out for

• It sends lookups to ark-ui.com

  Each tool call fetches from the Ark UI site, so the component names and search words the assistant uses reach that server. npmjs.com

Security advisories