用途：接收一个 design_file_url 设计文件链接（如 Figma 链接或托管的设计资源），输出生产就绪的 Vue 组件。
前置条件：环境中需提供 shadcn-vue MCP 工具，包括 list/search/view/get_item_examples/get_add_command_for_items/get_audit_checklist；缺少 components.json 时需先用 init_project 初始化。
主要能力与流程：
- 获取设计 DSL：对 design_file_url 执行 get_dsl，取得保存的 JSON 文件路径并读取解析为 dsl_json。
- 注册表校验、安装与上下文：列出注册表条目作为白名单，遍历 DSL 节点，严格匹配或模糊搜索（如 PrimaryBtn 对应 button）确定组件名；用 get_add_command_for_items 生成命令并在终端执行安装；再按精确组件名调用 get_item_examples_from_registries 构建知识上下文。注意不得在名称后附加 example、demo 等词。未列入白名单的节点按标准 HTML 元素处理。
- 结构与层级分析：递归遍历 dsl_json.nodes，将 Shadcn 组件、Frame/Group、文本分别映射为组件、容器、span/p/h1-h6，并严格遵循 children 嵌套。
- 样式映射：读取 src/style.css，识别 CSS 变量，解析 DSL styles 的 token；按文本/填充/描边前缀生成 text-、bg-、border- 类，并验证 token 存在；仅在无 token 时才用任意值语法（如 bg-[#0A0A0A]）。同时映射字体与布局工具类。
- 代码生成与校验：写出 .vue 文件，并依据 get_audit_checklist 自查组件导入、prop 用法、可访问性与 Tailwind 类有效性；修正 hex、内联样式和无效类。
适用场景：将设计稿批量转为 Shadcn-Vue 项目组件。 限制：依赖上述 MCP 工具与项目 CSS 配置；具体收费、价格与平台支持信息暂未提供。