code-format
FreeConvert Lanhu HTML/CSS output into project frontend code for Vue, React, or the detected stack, with component reuse and design token mapping.
The English summary is being prepared. Showing the original description.
Extract Lanhu design HTML, CSS, and assets through Lanhu MCP for Claude Code design-to-code workflows. Called by design-to-code.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
职责: 从蓝湖 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 原型页面接口,不是设计稿,不要混用No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Convert Lanhu HTML/CSS output into project frontend code for Vue, React, or the detected stack, with component reuse and design token mapping.
The English summary is being prepared. Showing the original description.
Scan frontend src directories and generate docs/components.md so Claude Code can reuse existing Vue/React components during design-to-code generation.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.