Skip to content

Commit f16f25d

Browse files
lucianfialhoclaude
andcommitted
Update README with monorepo structure and npm badges
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 28934bf commit f16f25d

File tree

1 file changed

+24
-5
lines changed

1 file changed

+24
-5
lines changed

README.md

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,14 @@
1-
# ISAC — Intelligent Site Analysis & Cloning CLI
1+
# ISAC — Intelligent Site Analysis & Cloning
22

3-
ISAC captures screenshots from a URL, extracts the design system, detects animations, plans the page structure, implements a pixel-perfect Next.js replica, and visually verifies the result — all powered by Claude Code.
3+
ISAC captures screenshots from a URL, extracts the design system, detects animations, plans the page structure, implements a pixel-perfect replica, and visually verifies the result — all powered by Claude Code.
4+
5+
## Packages
6+
7+
| Package | Version | Description |
8+
|---|---|---|
9+
| [`@guataiba/isac-cli`](https://www.npmjs.com/package/@guataiba/isac-cli) | [![npm](https://img.shields.io/npm/v/@guataiba/isac-cli)](https://www.npmjs.com/package/@guataiba/isac-cli) | CLI tool (`isac capture <url>`) |
10+
| [`@guataiba/isac-core`](https://www.npmjs.com/package/@guataiba/isac-core) | [![npm](https://img.shields.io/npm/v/@guataiba/isac-core)](https://www.npmjs.com/package/@guataiba/isac-core) | Framework-agnostic pipeline engine |
11+
| [`@guataiba/isac-nextjs`](https://www.npmjs.com/package/@guataiba/isac-nextjs) | [![npm](https://img.shields.io/npm/v/@guataiba/isac-nextjs)](https://www.npmjs.com/package/@guataiba/isac-nextjs) | Next.js (App Router) adapter |
412

513
## Prerequisites
614

@@ -57,15 +65,26 @@ isac capture <url>
5765
6. **Phase 3** — Implementation
5866
7. **Phase 4** — Visual verification (with correction loop)
5967

68+
## Architecture
69+
70+
```
71+
packages/
72+
core/ → Pipeline engine, prompts, templates (framework-agnostic)
73+
nextjs/ → Next.js App Router adapter (prompts, templates, file structure)
74+
cli/ → CLI entry point, bundles core + nextjs
75+
examples/
76+
claude-on-mars/ → Complete capture example
77+
```
78+
6079
## Example output
6180

62-
See `examples/claude-on-mars/` for a complete capture example.
81+
See [`examples/claude-on-mars/`](examples/claude-on-mars/) for a complete capture example.
6382

6483
## Roadmap
6584

66-
- **Multipackage architecture** — Modular rendering engine based on `json-render`, enabling support for multiple frameworks beyond Next.js
67-
- **Copy HEX on design system page** — Add a click-to-copy button for hex color codes on the generated design system page
85+
- **Copy HEX on design system page** — Click-to-copy for hex color codes on the generated design system page
6886
- **Brand logo extraction** — Automatically detect and download the brand's logo from the target URL
87+
- **More framework adapters** — Astro, Remix, SvelteKit, and others
6988
- **CLI command evolution** — Evolve CLI commands (e.g. `brand-detector`, framework-specific generators) as the tool matures
7089

7190
## License

0 commit comments

Comments
 (0)