Name	Name	Last commit message	Last commit date
parent directory ..
.claude	.claude
app	app
public	public
.gitignore	.gitignore
README.md	README.md
eslint.config.mjs	eslint.config.mjs
next.config.ts	next.config.ts
package-lock.json	package-lock.json
package.json	package.json
postcss.config.mjs	postcss.config.mjs
tsconfig.json	tsconfig.json

Name

Last commit message

Last commit date

Replicate Example — anthropic.com

Full landing page replicated from anthropic.com using ISAC's replicate mode.

What's included

This project was scaffolded with npx create-next-app@latest and then processed with:

isac replicate https://www.anthropic.com/

ISAC ran the full pipeline (capture, plan, build, verify) and generated:

app/globals.css — CSS custom properties (--sf-* primitives, --color-* semantics, dark mode, Tailwind v4 bridge)
app/page.tsx — Replicated landing page
app/design-system/page.tsx — Visual documentation page
app/design-system/data.ts — Parsed token data
public/fonts/ — Downloaded web fonts (Anthropic Sans, Serif, Mono, JetBrains Mono)
.claude/screenshots/ — Reference and verification screenshots
.claude/ — Raw extracted JSON data (fonts, colors, branding, icons)

npm run dev
# Open http://localhost:3000 for the replicated page
# Open http://localhost:3000/design-system for the token docs

npx create-next-app@latest my-app
cd my-app
npm install -g @guataiba/isac-cli
isac replicate https://www.anthropic.com/