Shadcn Vue Component Builder

1. Input Parameters

• design_file_url: (Required) The URL link to the design file (e.g., Figma link or hosted design asset) to be processed.

2. Required Tools (shadcn-vue MCP)

The following tools must be available in the environment:

1. shadcnVue_list_items_in_registries:

• Description: List items from registries. Requires components.json (use init_project if missing).

2.shadcnVue_search_items_in_registries:

• Description: Search for components in registries using fuzzy matching. After finding an item, use get_item_examples_from_registries to see usage examples.

3.shadcnVue_view_items_in_registries:

• Description: View detailed information about specific registry items including the name, description, type and files content. For usage examples, use get_item_examples_from_registries instead.

4.shadcnVue_get_item_examples_from_registries:

• Description: Find usage examples and demos with their complete code. Search for patterns like 'accordion', 'button', 'card', etc. Returns full implementation code with dependencies.

5.shadcnVue_get_add_command_for_items:

• Description: Get the shadcn-vue CLI add command for specific items in a registry. This is useful for adding one or more components to your project.