alsnwork
30 posts


这个 claude code 的 skill 项目大家可以关注一下
github.com/JCodesMore/ai-…
号称可以一个命令复制你要参考的网站的样式,安装完后运行 /clone-website 就可以完成复制
看了一下原理,通过 Chrome MCP 自动完成以下工作:
1 分析网站 截图、提取设计 token,交互行为
2 生成详细的组件规范
3 使用并行 sub agents 处理不同部分,自动重建像素级的克隆版本
4 最后自动合并代码,并进行视觉差异 QA
作者提供了 demo,效果确实不错,我还没有尝试,大家想直接一键精确获取参考网站的模版可以试试看
中文


@billtheinvestor x.com/hui_tailang_/s…
This post is more suitable for copying websites.
alsnwork@hui_tailang_
Perfect clone website front-end
English

🚨 一个开源神器刚刚发布:只需几秒钟,就能把任意网站一键转换成完整可运行的 React 应用!
💥 由 Firecrawl 团队开发的 Open Lovable,已经在 GitHub 上斩获 24K+ stars!
它到底怎么玩?
• 粘贴你想要转换的网站链接
• 工具会 1:1 扫描页面结构、设计、样式和交互
• 使用 OpenAI、Claude、Gemini 或 Grok 生成高质量 React 代码
• 支持本地调试、部署,还兼容 E2B 沙盒,完全安全
完全免费,开源,MIT 协议。
github.com/firecrawl/open…
中文

@heygurisingh A URL moves away from your website
github.com/webdown-a/webd…
English

Holy shit... someone just built a Claude Code skill that clones ANY website in one prompt.
No screenshots. No eyeballing fonts. No guessing component sizes.
It hooks straight into Chrome MCP and pulls the source: design tokens, exact computed CSS, fonts, colors, assets, animations.
Then it gets unhinged.
It writes spec files for every component with the real getComputedStyle() values. Then dispatches parallel builder agents in isolated git worktrees, one per section, all building at the same time.
Then it merges everything, wires up the page, and runs a visual diff against the original.
One prompt. Pixel-perfect clone. Fully automated.
The wildest part? You just edit a TARGET.md file with the URL and fidelity level, run /clone-website, and walk away.
Built on Next.js 16, shadcn/ui, Tailwind v4.
100% Open Source.
(Link in the comments)
English

Holy shit.
Claude Code just unlocked a superpower for solo builders.
Point it at any website…
It doesn’t just copy the UI — it understands it.
Design patterns. Layout. Components. Structure.
Then rebuilds it as your starting point.
Stripe-level checkout.
Apple-level product pages.
Linear-level dashboards.
All turned into editable code in minutes.
No designers. No guesswork. No wasted weeks.
This isn’t iteration anymore.
This is instant leverage.
A solo developer with this isn’t “small” anymore.
They’re a full product team.
English

@hui_tailang_ @_FORAB @grok 感谢回复,我试了一下,静态网页单页的很惊喜,一下子就复制下来了。3D动效的那种似乎不行,要么卡在加载页,要么是空壳。用claude 尝试修复了也没能成功。
测试网站下载的交互界面看的真的爽,逐个下载扫描的感觉,像来到未来,不过应该是实现做好的。路边的网站就是跳转这样
@grok 你有什么想对我说
中文

@Cerol946 @_FORAB @grok 这个原网站 animejs.com
这个是clone anime-js-4m7.pages.dev
源码在: github.com/gose-expo/anim…
中文





