From f3105ccc6d557bbb64c4784d20ea5867358bf03b Mon Sep 17 00:00:00 2001 From: wehub-resource-sync Date: Mon, 13 Jul 2026 12:18:46 +0800 Subject: [PATCH] chore: import upstream snapshot with attribution --- .aider.conf.yml | 3 + .amazonq/cli-agents/clone-website.json | 9 + .amazonq/rules/project.md | 147 + .augment/commands/clone-website.md | 474 + .claude/skills/clone-website/SKILL.md | 473 + .clinerules | 147 + .codex/skills/clone-website/SKILL.md | 473 + .continue/commands/clone-website.md | 475 + .continue/rules/project.md | 151 + .cursor/commands/clone-website.md | 470 + .cursor/rules/project.mdc | 7 + .dockerignore | 60 + .gemini/commands/clone-website.toml | 476 + .gitattributes | 9 + .github/FUNDING.yml | 2 + .github/ISSUE_TEMPLATE/bug_report.yml | 86 + .github/ISSUE_TEMPLATE/config.yml | 5 + .github/ISSUE_TEMPLATE/feature_request.yml | 50 + .github/PULL_REQUEST_TEMPLATE.md | 19 + .github/copilot-instructions.md | 147 + .github/copilot-setup-steps.yml | 3 + .github/skills/clone-website/SKILL.md | 473 + .github/workflows/ci.yml | 36 + .gitignore | 49 + .nvmrc | 1 + .opencode/commands/clone-website.md | 473 + .windsurf/workflows/clone-website.md | 470 + .windsurfrules | 2 + AGENTS.md | 65 + CHANGELOG.md | 80 + CLAUDE.md | 1 + Dockerfile | 114 + Dockerfile.dev | 15 + GEMINI.md | 1 + LICENSE | 21 + README.md | 171 + README.wehub.md | 7 + components.json | 25 + docker-compose.yml | 53 + docs/design-references/.gitkeep | 0 docs/design-references/comparison.png | Bin 0 -> 741380 bytes docs/research/INSPECTION_GUIDE.md | 80 + eslint.config.mjs | 18 + next.config.ts | 8 + package-lock.json | 9782 ++++++++++++++++++++ package.json | 59 + postcss.config.mjs | 7 + public/images/.gitkeep | 0 public/seo/.gitkeep | 0 public/videos/.gitkeep | 0 scripts/.gitkeep | 0 scripts/sync-agent-rules.sh | 88 + scripts/sync-skills.mjs | 112 + src/app/favicon.ico | Bin 0 -> 25931 bytes src/app/globals.css | 130 + src/app/layout.tsx | 33 + src/app/page.tsx | 9 + src/components/ui/button.tsx | 60 + src/hooks/.gitkeep | 0 src/lib/utils.ts | 6 + src/types/.gitkeep | 0 tsconfig.json | 34 + 62 files changed, 16169 insertions(+) create mode 100644 .aider.conf.yml create mode 100644 .amazonq/cli-agents/clone-website.json create mode 100644 .amazonq/rules/project.md create mode 100644 .augment/commands/clone-website.md create mode 100644 .claude/skills/clone-website/SKILL.md create mode 100644 .clinerules create mode 100644 .codex/skills/clone-website/SKILL.md create mode 100644 .continue/commands/clone-website.md create mode 100644 .continue/rules/project.md create mode 100644 .cursor/commands/clone-website.md create mode 100644 .cursor/rules/project.mdc create mode 100644 .dockerignore create mode 100644 .gemini/commands/clone-website.toml create mode 100644 .gitattributes create mode 100644 .github/FUNDING.yml create mode 100644 .github/ISSUE_TEMPLATE/bug_report.yml create mode 100644 .github/ISSUE_TEMPLATE/config.yml create mode 100644 .github/ISSUE_TEMPLATE/feature_request.yml create mode 100644 .github/PULL_REQUEST_TEMPLATE.md create mode 100644 .github/copilot-instructions.md create mode 100644 .github/copilot-setup-steps.yml create mode 100644 .github/skills/clone-website/SKILL.md create mode 100644 .github/workflows/ci.yml create mode 100644 .gitignore create mode 100644 .nvmrc create mode 100644 .opencode/commands/clone-website.md create mode 100644 .windsurf/workflows/clone-website.md create mode 100644 .windsurfrules create mode 100644 AGENTS.md create mode 100644 CHANGELOG.md create mode 100644 CLAUDE.md create mode 100644 Dockerfile create mode 100644 Dockerfile.dev create mode 100644 GEMINI.md create mode 100644 LICENSE create mode 100644 README.md create mode 100644 README.wehub.md create mode 100644 components.json create mode 100644 docker-compose.yml create mode 100644 docs/design-references/.gitkeep create mode 100644 docs/design-references/comparison.png create mode 100644 docs/research/INSPECTION_GUIDE.md create mode 100644 eslint.config.mjs create mode 100644 next.config.ts create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 postcss.config.mjs create mode 100644 public/images/.gitkeep create mode 100644 public/seo/.gitkeep create mode 100644 public/videos/.gitkeep create mode 100644 scripts/.gitkeep create mode 100644 scripts/sync-agent-rules.sh create mode 100644 scripts/sync-skills.mjs create mode 100644 src/app/favicon.ico create mode 100644 src/app/globals.css create mode 100644 src/app/layout.tsx create mode 100644 src/app/page.tsx create mode 100644 src/components/ui/button.tsx create mode 100644 src/hooks/.gitkeep create mode 100644 src/lib/utils.ts create mode 100644 src/types/.gitkeep create mode 100644 tsconfig.json diff --git a/.aider.conf.yml b/.aider.conf.yml new file mode 100644 index 0000000..4994bc2 --- /dev/null +++ b/.aider.conf.yml @@ -0,0 +1,3 @@ +read: + - AGENTS.md + - docs/research/INSPECTION_GUIDE.md diff --git a/.amazonq/cli-agents/clone-website.json b/.amazonq/cli-agents/clone-website.json new file mode 100644 index 0000000..b4ec8b9 --- /dev/null +++ b/.amazonq/cli-agents/clone-website.json @@ -0,0 +1,9 @@ +{ + "name": "clone-website", + "description": "Reverse-engineer and clone any website as a pixel-perfect replica", + "prompt": "\n# Clone Website\n\nYou are about to reverse-engineer and rebuild **the target URL provided by the user** as pixel-perfect clones.\n\nWhen multiple URLs are provided, process them independently and in parallel where possible, while keeping each site's extraction artifacts isolated in dedicated folders (for example, `docs/research//`).\n\nThis is not a two-phase process (inspect then build). You are a **foreman walking the job site** — as you inspect each section of the page, you write a detailed specification to a file, then hand that file to a specialist builder agent with everything they need. Extraction and construction happen in parallel, but extraction is meticulous and produces auditable artifacts.\n\n## Scope Defaults\n\nThe target is whatever page `the target URL provided by the user` resolves to. Clone exactly what's visible at that URL. Unless the user specifies otherwise, use these defaults:\n\n- **Fidelity level:** Pixel-perfect — exact match in colors, spacing, typography, animations\n- **In scope:** Visual layout and styling, component structure and interactions, responsive design, mock data for demo purposes\n- **Out of scope:** Real backend / database, authentication, real-time features, SEO optimization, accessibility audit\n- **Customization:** None — pure emulation\n\nIf the user provides additional instructions (specific fidelity level, customizations, extra context), honor those over the defaults.\n\n## Pre-Flight\n\n1. **Browser automation is required.** Check for available browser MCP tools (Chrome MCP, Playwright MCP, Browserbase MCP, Puppeteer MCP, etc.). Use whichever is available — if multiple exist, prefer Chrome MCP. If none are detected, ask the user which browser tool they have and how to connect it. This skill cannot work without browser automation.\n2. Parse `the target URL provided by the user` as one or more URLs. Normalize and validate each URL; if any are invalid, ask the user to correct them before proceeding. For each valid URL, verify it is accessible via your browser MCP tool.\n3. Verify the base project builds: `npm run build`. The Next.js + shadcn/ui + Tailwind v4 scaffold should already be in place. If not, tell the user to set it up first.\n4. Create the output directories if they don't exist: `docs/research/`, `docs/research/components/`, `docs/design-references/`, `scripts/`. For multiple clones, also prepare per-site folders like `docs/research//` and `docs/design-references//`.\n5. When working with multiple sites in one command, optionally confirm whether to run them in parallel (recommended, if resources allow) or sequentially to avoid overload.\n\n## Guiding Principles\n\nThese are the truths that separate a successful clone from a \"close enough\" mess. Internalize them — they should inform every decision you make.\n\n### 1. Completeness Beats Speed\n\nEvery builder agent must receive **everything** it needs to do its job perfectly: screenshot, exact CSS values, downloaded assets with local paths, real text content, component structure. If a builder has to guess anything — a color, a font size, a padding value — you have failed at extraction. Take the extra minute to extract one more property rather than shipping an incomplete brief.\n\n### 2. Small Tasks, Perfect Results\n\nWhen an agent gets \"build the entire features section,\" it glosses over details — it approximates spacing, guesses font sizes, and produces something \"close enough\" but clearly wrong. When it gets a single focused component with exact CSS values, it nails it every time.\n\nLook at each section and judge its complexity. A simple banner with a heading and a button? One agent. A complex section with 3 different card variants, each with unique hover states and internal layouts? One agent per card variant plus one for the section wrapper. When in doubt, make it smaller.\n\n**Complexity budget rule:** If a builder prompt exceeds ~150 lines of spec content, the section is too complex for one agent. Break it into smaller pieces. This is a mechanical check — don't override it with \"but it's all related.\"\n\n### 3. Real Content, Real Assets\n\nExtract the actual text, images, videos, and SVGs from the live site. This is a clone, not a mockup. Use `element.textContent`, download every `` and `