Atharvsinh-codez/skills

这是一个给 AI Agent 用的 skill，作用是把一张设计图——截图、Figma 帧、甚至模糊的低分辨率缩略图——直接变成可运行的前端代码。它的工作方式是让 Agent 像取证一样从像素里读出栅格、间距、字号、圆角和配色，识别字体并挑选合法替代，然后生成语义化的 HTML 和组件，还会自己截图和原稿对比、找出差异并修复，直到两者对齐。仓库里附了六个用它做出来的 Next.js 站点作为效果证明，涵盖落地页、电商、品牌官网等类型。它支持 React、Next.js、Vue、Svelte 等任意技术栈，也覆盖精确复刻、自由创作、修复走样页面等不同模式。值得看的是前端工程师、独立开发者和做 UI 还原的团队——当你拿到一张设计稿却没源文件、没设计 token、没交付文档时，它能省掉大量手工对稿的时间；纯后端或非技术岗位则关系不大。

Star 趋势

仓库信息