mcpField

screenshot-to-code

smithery.ai设计与 UI67 次安装

关于 screenshot-to-code

将截图、模型图、Figma 导出图或 UI 照片转换为可运行的前端代码,默认使用 React + Tailwind CSS v4,也可使用 Next.js、Vue 或纯 HTML/CSS;匹配布局、间距、颜色和字体排版,然后渲染结果并与图像比较,以缩小视觉差异。用户分享网站、应用界面、仪表板、组件或线框图的图像,并希望将其构建、克隆、重现或“做成真正的界面”,或者说“把这个图写成代码”“按这个设计构建”“匹配这张截图”时使用。

安装

复制下面的命令,在终端中运行。

$npx skills add https://smithery.ai --skill screenshot-to-code

安装后在 Claude Code 中输入/screenshot-to-code确认已加载。

评论

支持 Markdown