Convert Lanhu HTML/CSS output into project frontend code for Vue, React, or the detected stack, with component reuse and design token mapping.
中文简介正在准备中。当前显示原文说明。
Extract Lanhu design HTML, CSS, and assets through Lanhu MCP for Claude Code design-to-code workflows. Called by design-to-code.
中文简介正在准备中。当前显示原文说明。
查看安装方法安装前可以查看交给 AI 代理的指令内容。
职责: 从蓝湖 MCP 获取设计稿数据,保存到固定路径,供 code-format 消费。
不做: 转换框架代码、分析业务逻辑、引入项目上下文。
判断 URL 是否指向具体页面
&id= 或 &did= 参数 → 有具体页面,直接取 design_idpid=(项目级)或只提供了名称 → 调用 lanhu_get_designs 获取设计图列表,展示给用户选择,等用户确认后才继续展示格式:
该项目共有 N 个设计图,请选择要转换的页面:
1. 页面名称A
2. 页面名称B
3. 页面名称C
...
请输入序号:
用确认的 design_id 调用 lanhu_get_ai_analyze_design_result,等待 status=completed(异步,需轮询)
调用 lanhu_get_design_slices,下载切图到 assets/
保存产物到 .claude/lanhu-output/<页面名称>/
返回路径摘要给调用方
.claude/lanhu-output/<页面名称>/
├── index.html
├── style.css (如有)
└── assets/
返回格式:
路径:.claude/lanhu-output/<页面名称>/
切图:N 个
主要元素:<3-5 行简述顶层结构>
lanhu_get_ai_analyze_design_result 是异步的,必须等 status=completed 再读lanhu_get_designs 返回值中取lanhu_get_pages 是 Axure 原型页面接口,不是设计稿,不要混用还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Convert Lanhu HTML/CSS output into project frontend code for Vue, React, or the detected stack, with component reuse and design token mapping.
中文简介正在准备中。当前显示原文说明。
Scan frontend src directories and generate docs/components.md so Claude Code can reuse existing Vue/React components during design-to-code generation.
中文简介正在准备中。当前显示原文说明。
Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.
中文简介正在准备中。当前显示原文说明。