get_component_by_purpose

Identify and retrieve design system components based on specific UI purposes, such as form inputs, navigation, feedback, or data display, to streamline UI feature development.

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