get_component_by_purpose

Search and retrieve design system components based on their specific purpose, such as form inputs, navigation, or feedback. Use this tool to quickly locate UI elements for building features.

Instructions

Find design system components by their purpose or use case. Available purposes: "form inputs" (input fields, selects, checkboxes), "navigation" (menus, breadcrumbs, tabs), "feedback" (alerts, toasts, modals, dialogs, popups), "data display" (tables, cards, lists), "layout" (grids, containers, dividers), "buttons" (all button types), "progress" (loaders, spinners), "media" (images, videos, carousels). Use this when looking for components to build specific UI features. Supports pagination for large result sets.

Input Schema

Name	Required	Description
`page`	No	Page number (1-based). Default is 1.
`pageSize`	No	Number of components per page (1-100). Default is 50.
`purpose`	Yes	The purpose to search for (e.g., "form inputs", "navigation", "feedback", "data display")

Input Schema (JSON Schema)

{
  "properties": {
    "page": {
      "description": "Page number (1-based). Default is 1.",
      "type": "number"
    },
    "pageSize": {
      "description": "Number of components per page (1-100). Default is 50.",
      "type": "number"
    },
    "purpose": {
      "description": "The purpose to search for (e.g., \"form inputs\", \"navigation\", \"feedback\", \"data display\")",
      "type": "string"
    }
  },
  "required": [
    "purpose"
  ],
  "type": "object"
}

MCP Design System Extractor