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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
职责: 从蓝湖 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.