vue-component-from-design

Converts a hosted design file URL into a Vue 3 single-file component built from official shadcn-vue registry items and Tailwind classes grounded in the project's real theme. Retrieves the design JSON, validates node names against the registry, gathers example-based usage, hands the install command to the user rather than running it, resolves design tokens with version-aware theme checks, and audits the result. Use when the user supplies a design URL and wants a Vue implementation inside a Tailwind plus shadcn-vue project with the shadcn-vue MCP server connected. Not for React or plain HTML targets, screenshot-only designs, or setups lacking the MCP tools.

Version

v1.0.0

Size

18 KB

Updated

2026-10-12

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.