components
Catalog UI components and design system maturity
How to use it
components is exposed by the Ai Vision MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the components tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.
Install Ai Vision MCP
npx ai-vision-mcpOther tools in Ai Vision MCP (8)
(default) - General image analysis
Analyze visual hierarchy and eye flow
(string): URL, base64 data, or file path to the image
(array): Array of image sources (URLs, base64 data, or file paths) - minimum 2, maximum 4 images
(string, optional): Analysis mode - one of:
(string, optional): Explicit output path for the annotated image
Extract design tokens (colors, spacing, typography)
(string): Question or instruction for the AI