Receber por email
← Voltar para o catálogo

web-clone

Esta skill oferece uma metodologia para replicação e clonagem de sites, abrangendo sites estáticos, de conteúdo (React-Vue-Next) e de frontend pesado (WebGL-Canvas). Ela fornece uma árvore de decisão portátil para engenharia reversa, desde a obtenção do código-fonte até a substituição de conteúdo, e enfatiza a verificação de código executável de análises de IA.

591estrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add Jane-xiaoer/claude-skill-web-clone

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/web-clone/svg)](https://www.skillteca.com.br/skills/web-clone)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Web Clone · 网站复刻方法论

把"复刻一个网站"做成可重复的流程。配套工程区:~/projects/website-clones/(每个复刻是一个子目录)。

头号铁律:真源码至上,绝不信 AI 推测的代码

任何 AI 生成的"复刻分析/施工图",正文的概念骨架可以参考,但里面的可执行代码块默认全是臆造的,必须逐行用真源码核对,否则照抄必崩。

实证(marbles 案例):一份 AI 分析文档把原站"解析法求光线-球体交点 + 把光学结果编码成位移图、交给 SVG feDisplacementMap 去扭曲真实 DOM"的真架构,臆造成了"ray-marching + SDF + 把 DOM 当纹理采样"——两套完全不同的实现,照抄做不出原效果且慢 N 倍。详见 references/marbles-case.md。

所以第一动作永远是:拿到真源码。

决策树(按顺序走,不许跳)

Step 1 · 先去 GitHub 搜源码,别急着抓站

unset SSL_CERT_FILE   # 

[Description truncada. Veja o README completo no GitHub.]
Compartilhar X LinkedIn