Project
Roadmap
Deterministic capture of the live DOM + CSSOM, network-recorded assets
Done (0.1)
- Deterministic capture of the live DOM + CSSOM, network-recorded assets
- Parser/hydration-safe markup repair, canvas snapshots
- Static preview, Next.js (App Router, JSX) and Astro exports with section components
- Motion recorder + runtime (class toggles, inline-style tweens, WAAPI, loops)
- Mobile render: JS-computed per-viewport layout →
@mediaoverrides; time-varying elements excluded - Visual verification of preview and built apps
- Tailwind CSS v4 output (
--styling tailwind): utilities wherever they render identically, verified by compiling each class and simulating the cascade; sites built with Tailwind v4 keep their own classes - CLI, MCP server,
setupfor Claude Code / Cursor / Gemini CLI / Codex,doctor
Next
- Tablet render (third width) for layout JS computes between breakpoints.
- Mobile-only DOM: serialize subtrees that exist only on the mobile render and show them with
@media. - Continuous JS animation → CSS: sample transforms of rAF-driven loops (marquees) and emit
@keyframes. - JS hover states: synthesize hovers to record Framer
whileHover-style changes. - Shadow DOM: declarative shadow roots for web components.
- Refactor passes guarded by verify: CSS modules, prop extraction for repeated sections.
- More Tailwind coverage: pseudo-elements (
before:), descendant selectors asgroup-*/peer-*variants, inline styles. - TypeScript output for the Next.js export.
- Publishing: npm package, MCP registry (
server.json), release automation.