$ loading_
解析 PSD 文件并提取图层、设计令牌与素材,辅助将设计高效转为代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"psd-mcp-server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请解析这个 PSD 文件,按层级列出所有图层名称、分组关系、可见性、尺寸和坐标,并输出为结构化 JSON。
一份包含 PSD 图层树、属性字段和位置信息的结构化 JSON 结果。
请从这个 PSD 中提取颜色、字体、字号、圆角、间距等设计令牌,并整理成适合前端项目使用的 token 格式。
一份可用于前端开发的设计令牌清单,如 JSON 或 CSS 变量格式。
请分析这个 PSD 的图层、样式和素材资源,并生成一个网页首屏的 HTML 和 CSS 代码草稿,尽量还原视觉结构。
基于 PSD 结构生成的前端代码草稿,并附关键样式与资源说明。
让 AI 通过 MCP 访问设计令牌与组件契约,提升一致性并减少上下文消耗。