screenshot-to-code
关于 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