Wix Headless Replatform
WixOfficialPublished by Wix
- Skill
- Workflow
- Software development
- MIT
- Low risk
- Has scripts
AutoGineer summary
Written by AutoGineer from the skill’s own files, not by the author
This skill acts as a supervisor for cloning or migrating a public website's home page into a Wix Headless frontend. It manages the end-to-end process, including browser-based extraction, build planning, implementation, and quality assurance. The workflow ensures visual fidelity, SEO preservation, and structural integrity by utilizing a staged approach that moves from context resolution to final verification. It supports both standalone cloning and integration into existing migration projects via handoff files.
What it does
- Clones or migrates a public home page to a Wix Headless frontend.
- Performs browser-backed extraction to capture visual and structural evidence.
- Generates a build plan based on a frozen extraction manifest.
- Implements the frontend using Wix CLI Headless, Astro, TypeScript, and Tailwind.
- Conducts automated visual review and gap-loop cycles to ensure quality.
- Supports one-click continuation for automated migration workflows.
When to use it
- When you need to clone a public website's home page into a new Wix Headless project.
- When migrating an existing site to Wix Headless as part of a larger project.
- When you require a high-fidelity frontend implementation that preserves source SEO and interactions.
- When you need to automate the transition from a source website to a Wix-managed environment.
Advantages
- Ensures visual and functional fidelity through strict extraction and review contracts.
- Automates complex migration steps to reduce manual effort.
- Maintains SEO and branding consistency during the transition.
- Provides a structured, repeatable process for frontend reconstruction.
- Supports iterative gap recovery to handle implementation challenges.
Usage examples
- “Clone the website at example.com into a new Wix Headless project.”
- The agent initiates the standalone cloning workflow, resolves the home page, and begins the extraction and build process.
- “Continue the migration for the site at example.com using the handoff file at path/to/handoff.json.”
- The agent enters migration mode, loads the specified handoff, and resumes the implementation or verification stage.
Install
Download the skill as a ZIP:
https://autogineer.com/agent-skills/wix/wix-headless-replatform/downloadUnzip it into the cross-client skills folder of your project:
mkdir -p .agents/skills && unzip wix-headless-replatform.zip -d .agents/skills
Documentation by Wix
wix-headless-replatform
Role
Drive a close-enough, visually polished Wix Headless frontend from a source website.
The implemented scope is one resolved home page and the default output is
projects/<project-name>, derived from the hostname. Use Wix CLI Headless, Astro,
TypeScript, and Tailwind; use React only for complex interactive islands.
Reject additional-page and explicit-URL scope with an actionable explanation until a later
approved workflow defines page resolution and shared evidence across routes.
This entry skill is the supervisor. It decides the next workflow stage and loads only the resource for that stage. Do not preload every resource or reference: stage-specific rules are deliberately demand-loaded.
Two modes exist:
Standalone clone: source URL to a new, real Wix CLI Headless project.
Migration phase:
--handoff <migration-project>/website/handoff.jsoncontinues on the migration-owned destination. Never omit--handofffor an integrated migration: the standalone command creates a second site.
Non-negotiable invariants
Treat the requested public branded homepage as authorized; apply the boundaries in
references/safety.mdwithout asking a separate routine authorization question.Browser-backed extraction is mandatory. Do not substitute HTML-only extraction.
Resolve the home page before capture. Build only from a validated frozen extraction manifest; raw observations are never builder inputs.
A standalone output must be a successful Wix CLI scaffold with valid Wix identity and runnable
devandbuildscripts. Never hand-create a Wix-shaped substitute.In migration mode, reuse the handoff's site/project and route/data-binding intent; do not create or retarget a second destination.
Preserve source structure, first-viewport evidence, chrome hierarchy, source assets, fonts, core interactions, SEO, internal URL behavior, and branded fallback behavior.
A build is not completion. Completion requires the accepted post-build visual-review and gap-loop evidence described by
rp-qa-gap-loop, plus optional facelift acceptance only when the user explicitly selected facelift mode.
Supervisor protocol
On every new or resumed run:
Resolve the source URL, output directory, and mode. In migration mode read
website/handoff.jsonanddocs/site-clone/frontend-automation-state.jsonfirst.Select the first incomplete stage from the table below and read only that resource's
SKILL.mdplus the references it explicitly needs.Execute that stage until it writes its required durable artifact, or records a specific genuine blocker with evidence and an exact unblock action.
Re-select the stage after every boundary. Do not say that a required next step “needs to happen” and end the run; load its resource and perform it.
| Stage | Load only when | Resource | Durable outcome |
|---|---|---|---|
| Context | mode, scope, project, or browser environment is unresolved | resources/rp-project-context/SKILL.md | valid context, approval record, runnable project/plan state, or blocker |
| Evidence | frozen home-page extraction is absent or stale | resources/rp-source-evidence/SKILL.md | validated extraction/latest.json and frozen manifest, or global blocker |
| Implementation | frozen build plan exists and home UI is incomplete | resources/rp-ui-implementation/SKILL.md | manifest-hash-aware runnable home implementation |
| Verify and improve | build, QA, comparison, review, fix, report, release, or receipt is incomplete | resources/rp-qa-gap-loop/SKILL.md | accepted result, done_with_gaps, or global blocker |
| Optional facelift | normal clone accepted and automation state says facelift is requested | resources/rp-facelift/SKILL.md | accepted facelift review, or blocker |
When frontendPhase.allowedNow is plan, complete only the plan-eligible context and
evidence work and leave a resumable plan-state record. When it is build, continue through
implementation and verification against the migration-owned project.
One-click continuation
A migration handoff declaring automationMode: "one_click" authorizes routine scope and
frontend checkpoints. Record those approvals in
docs/site-clone/frontend-automation-state.json; do not pause to ask whether to proceed
with a required stage, screenshot review, or authorized gap-fix pass.
An explicit facelift request may be carried from 1-click intake, but it remains gated until
normal clone acceptance; 1-click never implies facelift by itself.
In a one-click build run, keep selecting and executing stages until one of these durable outcomes exists:
website/completion.jsonis valid and the latest visual review is complete with no open critical/high identity finding; orfive visual gap cycles have been completed and
website/completion.jsonrecords the truthful terminal statusdone_with_gapswith the final reviewed evidence; ora genuine blocker is recorded with owner, evidence, attempted recovery, and exact next authority/action needed.
An owned local extraction gap is not a genuine blocker. Continue unrelated work, use no more
than two distinct targeted recovery attempts, then build the affected dependency closure
provisionally and surface post-assembly choices in final-report.json and .md.
Before classifying a shell, browser, or network failure as a blocker, use the
repo-local Wix/Yarn toolchain PATH ordering and follow the recovery order in
resources/rp-project-context/SKILL.md: aligned-shell retry, then the
required browser/network escalation and retry, then blocker only if it still
fails or approval is pending. After every gap iteration, immediately return to
the stage table; never treat a first build, a reported plan, or backend import
as frontend completion.
Commands
Run node scripts/site-clone.mjs <source-url> for standalone mode, or
node scripts/site-clone.mjs <source-url> --handoff <path> for migration mode. The active
resource gives the exact commands and inputs for its stage.
References
Resources load their own references. The shared contracts are kept under references/:
safety.md, workflow.md, extraction-schema.md, output-contract.md,
qa-checklist.md, and the interaction/layout/control/normalization/gap contracts.
Files
- .publish-manifest.json227 B
- ATTRIBUTION.mdAdded by AutoGineer826 B
- LICENSELicence file added by AutoGineer1.0 KiB
- SKILL.md6.4 KiB
- agents/openai.yaml259 B
- references/control-and-visual-fidelity-contract.md2.1 KiB
- references/extraction-schema.md8.6 KiB
- references/interaction-runtime-contract.md5.3 KiB
- references/layout-blueprint-contract.md2.1 KiB
- references/output-contract.md4.0 KiB
- references/post-build-gap-contract.md5.5 KiB
- references/qa-checklist.md4.7 KiB
- references/safety.md1.0 KiB
- references/ui-normalization-contract.md2.8 KiB
- references/workflow.md7.7 KiB
- registry/README.md958 B
- registry/approvals/button/shadcn-default-ac60ef5.json980 B
- registry/items/button/shadcn-default-ac60ef5/button.tsxScript1.9 KiB
- registry/items/button/shadcn-default-ac60ef5/capabilities.json2.7 KiB
- registry/items/button/shadcn-default-ac60ef5/contract.md2.1 KiB
- registry/licenses/shadcn-ui-ac60ef5-MIT.txt1.0 KiB
- registry/registry.json1.4 KiB
- schemas/build-plan.schema.json628 B
- schemas/candidate.schema.json949 B
- schemas/common.schema.json1.2 KiB
- schemas/decision-patch.schema.json621 B
- schemas/decision-request.schema.json825 B
- schemas/extraction-gap.schema.json1.6 KiB
- schemas/extraction-manifest.schema.json1.6 KiB
- schemas/final-report.schema.json744 B
- schemas/foundation.schema.json950 B
- schemas/metadata.schema.json801 B
- schemas/observation-packet.schema.json661 B
- schemas/page-capture.schema.json1015 B
- schemas/page-resolution.schema.json1.4 KiB
- schemas/shared-chrome.schema.json940 B
- schemas/unit.schema.json1.8 KiB
- scripts/assemble-extraction.mjsScript36.1 KiB
- scripts/benchmark-extraction.mjsScript9.1 KiB
- scripts/browser-extraction-preflight.mjsScript1.2 KiB
- scripts/build-extracted-homepage.mjsScript15.4 KiB
- scripts/clear-wix-starter.mjsScript2.3 KiB
- scripts/create-wix-project.mjsScript17.2 KiB
- scripts/discover-urls.mjsScript4.4 KiB
- scripts/extract-assets.mjsScript4.6 KiB
- scripts/extract-design-system.mjsScript23.0 KiB
- scripts/extract-interactions.mjsScript83.1 KiB
- scripts/extract-page.mjsScript117.7 KiB
- scripts/extract-seo.mjsScript848 B
- scripts/extract-tokens.mjsScript2.6 KiB
- scripts/finalize-extraction-report.mjsScript6.4 KiB
- scripts/finalize-gap-review.mjsScript12.2 KiB
- scripts/finalize-gap-review.test.mjsScript5.3 KiB
- scripts/finalize-migration-website.mjsScript6.2 KiB
- scripts/generate-control-state-contract.mjsScript9.1 KiB
- scripts/generate-design-md.mjsScript11.7 KiB
- scripts/generate-extraction-validators.mjsScript5.4 KiB
- scripts/generate-layout-blueprint.mjsScript8.7 KiB
- scripts/generate-repeater-cms.mjsScript4.9 KiB
- scripts/generate-route-plan.mjsScript4.6 KiB
- scripts/generate-scene-contract.mjsScript16.2 KiB
- scripts/generate-ui-normalization.mjsScript13.3 KiB
- scripts/generate-visual-assets.mjsScript6.3 KiB
- scripts/lib/browser-tooling.mjsScript19.5 KiB
- scripts/lib/common.mjsScript9.0 KiB
- scripts/lib/component-capabilities.mjsScript7.9 KiB
- scripts/lib/component-registry.mjsScript12.3 KiB
- scripts/lib/content-boundary.mjsScript2.8 KiB
- scripts/lib/extraction-contract.mjsScript18.8 KiB
- scripts/lib/extraction-detectors.mjsScript11.4 KiB
- scripts/lib/extraction-validators.generated.mjsScript25.2 KiB
- scripts/lib/font-contract.mjsScript10.0 KiB
- scripts/lib/frontend-automation-state.mjsScript6.6 KiB
- scripts/lib/gap-analysis.mjsScript26.1 KiB
- scripts/lib/html-extract.mjsScript5.7 KiB
- scripts/lib/interaction-bootstrap.mjsScript296 B
- scripts/lib/interaction-runtime.mjsScript8.1 KiB
- scripts/lib/interaction-timeline.mjsScript13.9 KiB
- scripts/lib/layout-blueprint/classifiers.mjsScript7.8 KiB
- scripts/lib/layout-blueprint/geometry.mjsScript1.8 KiB
- scripts/lib/layout-blueprint/vocabulary.mjsScript872 B
- scripts/lib/ui-normalization.css1.5 KiB
- scripts/optimize-svg.mjsScript895 B
- scripts/post-build-gap.mjsScript16.4 KiB
- scripts/provision-repeater-cms.mjsScript2.8 KiB
- scripts/record-gap-decision.mjsScript2.3 KiB
- scripts/replay-extraction.mjsScript5.3 KiB
- scripts/resolve-home-page.mjs3.9 KiB
- scripts/site-clone.mjs35.5 KiB
- scripts/validate-font-contract.mjs1.3 KiB
- scripts/verify-interactions.mjs29.1 KiB
- scripts/visual-qa.mjs20.6 KiB
scripts/assemble-extraction.mjs
#!/usr/bin/env node
import path from "node:path";
import { copyFile, readdir, readFile, stat } from "node:fs/promises";
import { docsDir, ensureDir, parseArgs, readJson, writeJson } from "./lib/common.mjs";
import {
EXTRACTION_BUDGETS,
EXTRACTION_SCHEMA_VERSION,
applyDecisionPatch,
assertValidArtifact,
createExtractionManifest,
createDecisionRequest,
createGap,
freezeSpec,
semanticHash,
sha256,
writeFrozenExtraction,
} from "./lib/extraction-contract.mjs";
import { loadApprovedRegistry, selectRegistryItem } from "./lib/component-registry.mjs";
import { classifyObservedUnit, planRecursiveUnitJobs } from "./lib/extraction-detectors.mjs";
import {
CONTENT_EXTRACTION_SEMANTICS_VERSION,
inspectContentObject,
removeContaminatedContent,
} from "./lib/content-boundary.mjs";
const LEGACY_OBSERVATION_FILES = [
"assets.json",
"control-state-contract.json",
"interaction-map.json",
"layout-blueprint.json",
"scene-contract.json",
"seo.json",
"tokens.json",
"ui-normalization.json",
"visual-assets.json",
];
export async function assembleExtraction({
outputDir,
requestedUrl,
resolvedUrl,
canonicalUrl,
page,
assets = {},
seo = {},
tokens = {},
interactionMap = {},
sceneContract = {},
layoutBlueprint = {},
uiNormalization = {},
controlStateContract = {},
visualAssets = {},
sourceFingerprint,
sourceFingerprintIncludesContentSemantics = false,
captureId: suppliedCaptureId,
decisionPatches = [],
pageResolutionArtifact = null,
}) {
const docs = docsDir(outputDir);
const observedSourceFingerprint = sourceFingerprint || sha256({
resolvedUrl,
title: page?.title || "",
sections: (page?.sections || []).map((section) => ({ id: section.id, heading: section.heading, text: section.text })),
});
const fingerprint = sourceFingerprintIncludesContentSemantics
? observedSourceFingerprint
: sha256({
sourceFingerprint: observedSourceFingerprint,
contentExtractionSemantics: CONTENT_EXTRACTION_SEMANTICS_VERSION,
});
const captureId = suppliedCaptureId || `home-${fingerprint.slice(0, 12)}`;
const extractionDir = path.join(docs, "extraction", captureId);
const gaps = [];
const decisionRequests = [];
const appliedDecisions = [];
const patchesByRequest = new Map(decisionPatches.map((patch) => [patch.requestId, patch]));
const rawEvidenceEstimate = Buffer.byteLength(JSON.stringify({ page, assets, seo, tokens, interactionMap, sceneContract, layoutBlueprint, uiNormalization, controlStateContract, visualAssets }));
const recursiveJobs = planRecursiveUnitJobs(page?.sections || []);
const pageCaptureGapRefs = [];
if (rawEvidenceEstimate > EXTRACTION_BUDGETS.maxRawEvidenceBytes) {
page = { ...page, rawDomSnapshots: {}, normalizedDomSnapshots: {} };
const gap = createGap({
id: "gap:page-capture:evidence-budget",
ownerUnitId: "page-capture:home",
missingFields: ["rawDomSnapshots", "normalizedDomSnapshots"],
reason: `Raw evidence was estimated at ${rawEvidenceEstimate} bytes and exceeded the ${EXTRACTION_BUDGETS.maxRawEvidenceBytes}-byte retention budget. DOM snapshots were omitted by priority while structured observations were retained.`,
evidenceRefs: [],
dependencyClosure: (page?.sections || []).map((section, index) => section.id || `section-${String(index + 1).padStart(3, "0")}`),
affectedAcceptance: ["packet-replay"],
assumptions: ["Structured page/unit evidence remains sufficient to assemble a viable home-page shell."],
omissions: ["DOM-only replay until a targeted recapture is authorized."],
});
gaps.push(gap);
pageCaptureGapRefs.push(gap.id);
}
const pageResolution = pageResolutionArtifact || freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "page-resolution",
id: "page-resolution:home",
pageKey: "home",
destinationRoute: "/",
status: "accepted",
source: {
requestedUrl,
resolvedUrl,
canonicalUrl: canonicalUrl || resolvedUrl,
},
evidence: [{ kind: "navigation", ref: "observations/page.json" }],
gapRefs: [],
});
const pageCapture = freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "page-capture",
id: "page-capture:home",
pageKey: "home",
status: pageCaptureGapRefs.length ? "provisional" : "accepted",
sourceFingerprint: fingerprint,
viewportSet: Object.entries(page?.screenshots || {}).map(([name, screenshotRef]) => ({ name, screenshotRef: `observations/screenshots/${path.basename(String(screenshotRef))}` })),
sectionOrder: recursiveJobs.jobs.filter((job) => job.unitKind === "section").map((job) => job.id),
ignoredSurfaces: page?.ignoredSurfaces || [],
normalizationActions: page?.normalizationActions || [],
observationRefs: LEGACY_OBSERVATION_FILES.map((name) => `observations/${name}`),
extensions: {
"wix.replatform.content-boundary": { semanticsVersion: CONTENT_EXTRACTION_SEMANTICS_VERSION },
},
gapRefs: pageCaptureGapRefs,
}, { dependencyHashes: [pageResolution.hash], gapIds: pageCaptureGapRefs });
const foundationGapRefs = [];
if (!hasFoundationEvidence(tokens)) {
const gap = createGap({
id: "gap:foundation:tokens",
ownerUnitId: "foundation:home",
missingFields: ["tokens"],
reason: "No reliable page-wide token evidence was projected from the capture.",
evidenceRefs: ["observations/tokens.json"],
dependencyClosure: ["shared-chrome:home", ...(page?.sections || []).map((section, index) => section.id || `section-${String(index + 1).padStart(3, "0")}`)],
assumptions: ["Use only directly observed computed values local to each unit."],
omissions: ["Unobserved global token aliases."],
});
gaps.push(gap);
foundationGapRefs.push(gap.id);
}
const foundation = freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "foundation",
id: "foundation:home",
pageKey: "home",
status: foundationGapRefs.length ? "provisional" : "accepted",
tokens: sanitizeEvidence(tokens),
fonts: sanitizeEvidence(assets?.fonts || {}),
primitives: collectFoundationPrimitives(page),
globalCssIntent: collectGlobalCssIntent(tokens),
evidenceRefs: ["observations/tokens.json", "observations/assets.json", "observations/page.json"],
acceptance: { required: ["fonts-load", "direction-matches", "page-background-matches", "token-references-resolve"] },
gapRefs: foundationGapRefs,
}, { dependencyHashes: [pageCapture.hash], gapIds: foundationGapRefs });
const metadata = freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "metadata",
id: "metadata:home",
pageKey: "home",
status: "accepted",
document: sanitizeEvidence(seo),
evidenceRefs: ["observations/seo.json", "observations/page.json"],
acceptance: { required: ["title", "description-when-observed", "canonical-when-observed", "lang-and-dir"] },
gapRefs: [],
}, { dependencyHashes: [pageCapture.hash] });
const sharedChromeGapRefs = [];
if (!page?.chrome && !page?.footer) {
const gap = createGap({
id: "gap:shared-chrome:unobserved",
ownerUnitId: "shared-chrome:home",
missingFields: ["header", "footer"],
reason: "The capture did not identify a reliable header or footer boundary.",
evidenceRefs: ["observations/page.json"],
assumptions: ["Do not invent navigation or footer content."],
omissions: ["Unobserved shared chrome."],
});
gaps.push(gap);
sharedChromeGapRefs.push(gap.id);
}
const sharedChromeContamination = inspectContentObject({ header: page?.chrome || null, footer: page?.footer || null });
if (sharedChromeContamination.contaminated) {
const gap = contentContaminationGap("shared-chrome:home", "observations/page.json", sharedChromeContamination);
gaps.push(gap);
sharedChromeGapRefs.push(gap.id);
}
const safeSharedChrome = removeContaminatedContent({ header: page?.chrome || null, footer: page?.footer || null });
const sharedChrome = freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "shared-chrome",
id: "shared-chrome:home",
pageKey: "home",
status: sharedChromeGapRefs.length ? "provisional" : "accepted",
header: sanitizeEvidence(safeSharedChrome.header),
footer: sanitizeEvidence(safeSharedChrome.footer),
controls: sanitizeEvidence(controlStateContract?.controls || []),
visualAssets: selectChromeAssets(visualAssets),
behavior: selectOwnedInteractions(interactionMap, "shared-chrome"),
evidenceRefs: ["observations/page.json", "observations/control-state-contract.json", "observations/visual-assets.json"],
acceptance: { required: ["visible-content", "navigation-hierarchy", "logo-identity", "responsive-chrome", "keyboard-navigation"] },
gapRefs: sharedChromeGapRefs,
}, { dependencyHashes: [foundation.hash, metadata.hash], gapIds: sharedChromeGapRefs });
const specs = [foundation, metadata, sharedChrome];
const specPaths = [
{ spec: foundation, relativePath: "foundation.spec.json" },
{ spec: metadata, relativePath: "metadata.spec.json" },
{ spec: sharedChrome, relativePath: "shared-chrome.spec.json" },
];
const layouts = new Map((layoutBlueprint?.pages || []).flatMap((entry) => entry.sections || []).map((entry) => [entry.sectionId, entry]));
const normalizations = new Map((uiNormalization?.sections || []).map((entry) => [entry.sectionId, entry]));
const scenes = new Map((sceneContract?.scenes || []).map((entry) => [entry.sectionId, entry]));
const recursiveSpecById = new Map();
const jobsByDepth = [...recursiveJobs.jobs].sort((a, b) => b.depth - a.depth || a.id.localeCompare(b.id));
for (const job of jobsByDepth) {
const decision = resolveClassification({
value: job.value,
unitId: job.id,
evidenceRef: job.evidenceRef,
patchesByRequest,
decisionRequests,
appliedDecisions,
});
const diagnosticGaps = job.unitKind === "section"
? gapsForSection(job.value, job.id, page, decision.classification)
: [];
const contentOptions = { allowVisibleCode: Array.isArray(job.value?.visibleCodeTexts) && job.value.visibleCodeTexts.length > 0 };
const contamination = inspectContentObject(job.value, contentOptions);
const contaminationGaps = contamination.contaminated
? [contentContaminationGap(job.id, job.evidenceRef, contamination)]
: [];
const unitGaps = [...decision.gaps, ...diagnosticGaps, ...contaminationGaps];
gaps.push(...unitGaps);
const gapRefs = unitGaps.map((gap) => gap.id);
const isSection = job.unitKind === "section";
const behavior = isSection
? scenes.get(job.id) || selectOwnedInteractions(interactionMap, job.id)
: job.value.behavior || selectOwnedInteractions(interactionMap, job.id);
const unit = freezeSpec({
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "unit",
id: job.id,
unitKind: job.unitKind,
pageKey: "home",
parentUnitId: job.parentUnitId,
order: job.order,
status: gapRefs.length ? "provisional" : "accepted",
classification: {
...decision.classification,
capabilityRequirements: capabilityRequirementsFor(job.value, decision.classification),
},
scope: {
evidenceRef: job.evidenceRef,
...(isSection ? { screenshotRefs: Object.values(page?.screenshots || {}).map((item) => `observations/screenshots/${path.basename(String(item))}`) } : {}),
},
content: contentFor(job.value, contentOptions),
assets: sanitizeEvidence(job.value.images || job.value.assets || []),
layers: sanitizeEvidence(job.value.layers || (isSection ? layouts.get(job.id)?.background?.layers : []) || []),
layout: sanitizeEvidence((isSection ? layouts.get(job.id) : null) || job.value.layout || {}),
styleables: sanitizeEvidence(job.value.styleables || (job.value.layoutEvidence?.regions || []).map((region, index) => ({
id: `${job.id}:styleable-${String(index + 1).padStart(3, "0")}`,
role: region.role,
categories: region.styleableCategories || [],
computedByViewport: { desktop: region.computedStyle || {} },
authoredCss: region.authoredCss || [],
}))),
behavior: sanitizeEvidence(behavior || {}),
children: job.childIds,
reconstruction: isSection ? {
strategy: knownClassification(job.value) ? "registry-or-deterministic" : "bounded-custom",
foundationRef: foundation.id,
sharedChromeRef: sharedChrome.id,
normalization: sanitizeEvidence(normalizations.get(job.id) || null),
} : {
strategy: "registry-or-custom",
foundationRef: foundation.id,
},
acceptance: acceptanceFor(job.value),
diagnostics: unitGaps.map((gap) => ({ gapRef: gap.id, reason: gap.reason })),
provenance: {
sourceRef: job.evidenceRef,
sourceUrl: resolvedUrl,
captureFingerprint: fingerprint,
detectorVersions: decision.classification.detectorVersions,
recursiveJobVersion: recursiveJobs.version,
},
extensions: {
"wix.replatform.content-boundary": {
semanticsVersion: CONTENT_EXTRACTION_SEMANTICS_VERSION,
visibleCode: contentOptions.allowVisibleCode,
},
},
gapRefs,
}, {
dependencyHashes: [foundation.hash, ...job.childIds.map((id) => recursiveSpecById.get(id)?.hash).filter(Boolean)],
gapIds: gapRefs,
});
recursiveSpecById.set(job.id, unit);
specs.push(unit);
const sectionRoot = job.id.split(":component-")[0];
specPaths.push({
spec: unit,
relativePath: isSection
? `sections/${job.id}/section.spec.json`
: `sections/${sectionRoot}/components/${pathSafe(job.id)}.spec.json`,
});
}
const observationRefs = await writeObservations(extractionDir, {
page,
assets,
seo,
tokens,
interactionMap,
sceneContract,
layoutBlueprint,
uiNormalization,
controlStateContract,
visualAssets,
recursiveJobs: {
version: recursiveJobs.version,
jobs: recursiveJobs.jobs.map(({ value, ...job }) => job),
ownership: recursiveJobs.ownership,
conflicts: recursiveJobs.conflicts,
hash: recursiveJobs.hash,
},
}, outputDir, fingerprint);
if (decisionRequests.length > EXTRACTION_BUDGETS.maxAgentDecisions) {
throw new Error(`Typed decision budget exceeded: ${decisionRequests.length} > ${EXTRACTION_BUDGETS.maxAgentDecisions}`);
}
const decisionRequestsArtifact = {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
requests: decisionRequests,
};
const appliedDecisionsArtifact = {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
decisions: appliedDecisions,
};
await writeJson(path.join(extractionDir, "decisions", "requests.json"), decisionRequestsArtifact);
await writeJson(path.join(extractionDir, "decisions", "applied.json"), appliedDecisionsArtifact);
observationRefs.push(
{ ref: "decisions/requests.json", hash: semanticHash(decisionRequestsArtifact) },
{ ref: "decisions/applied.json", hash: semanticHash(appliedDecisionsArtifact) },
);
const manifest = createExtractionManifest({ captureId, pageResolution, pageCapture, specs, gaps, observationRefs });
await writeFrozenExtraction({ extractionDir, pageResolution, pageCapture, specs, gaps, manifest, specPaths });
const buildPlan = createBuildPlan(manifest, specs);
await ensureDir(path.join(docs, "build"));
await writeJson(path.join(docs, "build", "build-plan.json"), buildPlan);
const approvedRegistry = await loadApprovedRegistry();
const componentSelection = {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
manifestHash: manifest.manifestHash,
selections: specs.filter((spec) => spec.kind === "unit").map((spec) => ({
unitId: spec.id,
contract: spec.classification,
...selectRegistryItem({
kind: spec.classification.kind,
requiresClientRuntime: requiresClientRuntime(spec),
hardRequirements: ["license", "accessibility", "responsive", "ssr", "rtl", "reducedMotion"],
capabilityRequirements: spec.classification.capabilityRequirements,
}, approvedRegistry),
})),
rejectedRegistryItems: approvedRegistry.rejected,
};
await writeJson(path.join(docs, "build", "component-selection.json"), componentSelection);
await ensureDir(path.join(docs, "qa"));
await writeJson(path.join(docs, "qa", "registry-opportunities.json"), {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
manifestHash: manifest.manifestHash,
opportunities: componentSelection.selections
.filter((selection) => selection.strategy === "bounded-custom")
.map((selection) => ({
unitId: selection.unitId,
contractKind: selection.contract.kind,
variant: selection.contract.variant,
reason: "No human-approved local registry item met every hard requirement; bounded custom building remains available.",
requiredCapabilities: ["license", "accessibility", "responsive", "ssr", "rtl", "reducedMotion"],
capabilityRequirements: selection.contract.capabilityRequirements || {},
registryRejections: selection.rejected || [],
sourceNeutral: true,
})),
});
await writeJson(path.join(docs, "extraction", "latest.json"), { captureId, manifestRef: `${captureId}/extraction-manifest.json`, manifestHash: manifest.manifestHash });
await enforceArtifactBudgets(extractionDir, manifest);
return { captureId, extractionDir, pageResolution, pageCapture, specs, gaps, manifest, buildPlan };
}
export function createBuildPlan(manifest, specs) {
const byId = new Map(specs.map((spec) => [spec.id, spec]));
const ordered = [...specs].sort((a, b) => buildRank(a) - buildRank(b) || (a.order || 0) - (b.order || 0) || a.id.localeCompare(b.id));
const plan = {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "build-plan",
pageKey: "home",
route: "/",
manifestHash: manifest.manifestHash,
status: manifest.status,
units: ordered.map((spec) => ({
id: spec.id,
kind: spec.kind,
unitKind: spec.unitKind || spec.kind,
status: spec.status,
hash: spec.hash,
gapRefs: spec.gapRefs || [],
dependencies: dependencyIds(spec, byId),
})),
};
assertValidArtifact(plan, "build-plan");
return plan;
}
function buildRank(spec) {
if (spec.kind === "foundation") return 0;
if (spec.kind === "metadata") return 1;
if (spec.kind === "shared-chrome") return 2;
if (spec.unitKind === "component") return 3;
return 4;
}
function dependencyIds(spec, byId) {
const ids = [spec.reconstruction?.foundationRef, spec.reconstruction?.sharedChromeRef, ...(spec.children || [])].filter(Boolean);
return ids.filter((id) => byId.has(id));
}
async function writeObservations(extractionDir, values, outputDir, sourceFingerprint) {
const observationsDir = path.join(extractionDir, "observations");
await ensureDir(observationsDir);
const page = structuredClone(values.page || {});
const screenshotDir = path.join(observationsDir, "screenshots");
for (const [name, sourceRef] of Object.entries(page.screenshots || {})) {
const sourcePath = path.isAbsolute(sourceRef) ? sourceRef : path.resolve(outputDir, sourceRef);
const filename = path.basename(sourceRef);
try {
await ensureDir(screenshotDir);
await copyFile(sourcePath, path.join(screenshotDir, filename));
page.screenshots[name] = `screenshots/${filename}`;
} catch {
page.screenshots[name] = `screenshots/${filename}`;
}
}
const mapping = {
"page.json": page,
"assets.json": values.assets,
"seo.json": values.seo,
"tokens.json": values.tokens,
"interaction-map.json": values.interactionMap,
"scene-contract.json": values.sceneContract,
"layout-blueprint.json": values.layoutBlueprint,
"ui-normalization.json": values.uiNormalization,
"control-state-contract.json": values.controlStateContract,
"visual-assets.json": values.visualAssets,
"recursive-jobs.json": values.recursiveJobs,
};
const refs = [];
const packetDir = path.join(observationsDir, "packets");
await ensureDir(packetDir);
const writePacket = async (packetName, packet) => {
assertValidArtifact(packet, "observation-packet");
await writeJson(path.join(packetDir, packetName), packet);
refs.push({ ref: `observations/packets/${packetName}`, hash: semanticHash(packet) });
};
for (const [name, value] of Object.entries(mapping)) {
const sanitized = sanitizeEvidence(value);
await writeJson(path.join(observationsDir, name), sanitized);
const packetName = name.replace(/\.json$/, ".packet.json");
const packet = {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "observation-packet",
packetType: name.replace(/\.json$/, ""),
sourceFingerprint,
viewport: null,
state: "settled",
payload: sanitized,
};
await writePacket(packetName, packet);
}
for (const [name, screenshotRef] of Object.entries(page.screenshots || {})) {
const packetName = `page.viewport-${pathSafe(name)}.packet.json`;
await writePacket(packetName, {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "observation-packet",
packetType: "page-viewport",
sourceFingerprint,
viewport: { name, screenshotRef },
state: "settled",
payload: sanitizeEvidence({
responsiveTextGeometry: page.responsiveTextGeometry?.[name] || null,
viewportEvidence: page.viewportEvidence?.[name] || null,
}),
});
}
let statePacketIndex = 0;
for (const scene of values.sceneContract?.scenes || []) {
for (const interaction of scene.states || []) {
const observedStates = Array.isArray(interaction.states) && interaction.states.length ? interaction.states : [null];
for (const observedState of observedStates) {
statePacketIndex += 1;
const stateName = typeof observedState === "string"
? observedState
: observedState?.id || observedState?.name || observedState?.phase || interaction.kind || "observed";
await writePacket(`behavior-state-${String(statePacketIndex).padStart(4, "0")}.packet.json`, {
schemaVersion: EXTRACTION_SCHEMA_VERSION,
kind: "observation-packet",
packetType: "behavior-state",
sourceFingerprint,
viewport: null,
state: String(stateName),
payload: sanitizeEvidence({
sceneId: scene.id,
sectionId: scene.sectionId,
interactionId: interaction.id,
interactionKind: interaction.kind,
observation: observedState,
}),
});
}
}
}
return refs;
}
export function sanitizeEvidence(value, key = "") {
if (Array.isArray(value)) return value.map((item) => sanitizeEvidence(item, key));
if (!value || typeof value !== "object") {
if (typeof value === "string" && /authorization|cookie|set-cookie|password|token|secret|formvalue/i.test(key)) return "[redacted]";
if (typeof value === "string" && /domsnapshots?/i.test(key)) return redactDomSecrets(value);
if (typeof value === "string" && /url$/i.test(key)) return redactUrl(value);
return value;
}
const result = {};
for (const [childKey, childValue] of Object.entries(value)) {
if (/^(authorization|cookie|set-cookie|password|token|secret|formValue)$/i.test(childKey)) {
result[childKey] = "[redacted]";
continue;
}
result[childKey] = sanitizeEvidence(childValue, childKey);
}
return result;
}
function redactDomSecrets(html) {
return String(html)
.replace(/(<input\b[^>]*\bvalue\s*=\s*["'])[^"']*(["'][^>]*>)/gi, "$1[redacted]$2")
.replace(/(["']?(?:authorization|access[_-]?token|refresh[_-]?token|api[_-]?key|client[_-]?secret|password)["']?\s*[:=]\s*["'])[^"']+(["'])/gi, "$1[redacted]$2")
.replace(/(<meta\b[^>]*(?:csrf|token|secret)[^>]*\bcontent\s*=\s*["'])[^"']*(["'][^>]*>)/gi, "$1[redacted]$2");
}
function redactUrl(value) {
try {
const url = new URL(value);
for (const key of [...url.searchParams.keys()]) {
if (/token|key|secret|auth|password|session|email|code/i.test(key)) url.searchParams.set(key, "[redacted]");
}
return url.toString();
} catch {
return value;
}
}
function hasFoundationEvidence(tokens) {
return Boolean(tokens && typeof tokens === "object" && Object.keys(tokens).some((key) => {
const value = tokens[key];
return Array.isArray(value) ? value.length : value && typeof value === "object" ? Object.keys(value).length : Boolean(value);
}));
}
function collectFoundationPrimitives(page) {
const kinds = new Set();
for (const section of page?.sections || []) {
const classification = classifyObservedUnit(section, { unitKind: "section", evidenceRef: "observations/page.json" });
if (["button-group", "card", "accordion", "tabs", "gallery", "carousel", "navigation"].includes(classification.kind)) kinds.add(classification.kind);
}
return [...kinds].sort().map((kind) => ({ kind, evidence: "observations/page.json" }));
}
function collectGlobalCssIntent(tokens) {
return {
direction: tokens?.direction || tokens?.typography?.direction || "unknown",
colorRoles: tokens?.colors || tokens?.colorRoles || {},
typography: tokens?.typography || {},
spacing: tokens?.spacing || {},
breakpoints: tokens?.breakpoints || {},
};
}
function selectChromeAssets(visualAssets) {
return sanitizeEvidence({ logos: visualAssets?.logos || [], icons: visualAssets?.icons || [] });
}
function selectOwnedInteractions(interactionMap, owner) {
const interactions = interactionMap?.interactions || [];
if (owner === "shared-chrome") return interactions.filter((item) => /header|footer|nav|chrome/i.test(`${item.owner || ""} ${item.scope || ""} ${item.target?.selector || ""}`));
return interactions.filter((item) => item.sectionId === owner || item.ownerUnitId === owner);
}
function resolveClassification({ value, unitId, evidenceRef, patchesByRequest, decisionRequests, appliedDecisions }) {
const classification = classifyObservedUnit(value, { unitKind: unitId.includes(":component-") ? "component" : "section", evidenceRef });
if (classification.confidence === "high") return { classification, gaps: [] };
if (classification.confidence === "low") {
return {
classification,
gaps: [createGap({
id: `gap:${unitId}:classification`,
ownerUnitId: unitId,
missingFields: ["classification"],
reason: "Classification confidence is below the calibrated decision band.",
evidenceRefs: [evidenceRef],
confidence: "low",
affectedAcceptance: ["classification-specific-behavior", "visual-geometry"],
assumptions: ["Use the bounded custom builder and preserve observed content/order/layout evidence."],
omissions: ["Unverified classification-specific behavior."],
})],
};
}
const choices = [...new Set([classification.kind, value?.variant, "static-content", "bounded-custom"].filter(Boolean))];
const request = createDecisionRequest({
id: `decision:${unitId}:classification`,
decisionType: "classification",
allowedChoices: choices,
evidenceRefs: [evidenceRef],
detectorVersions: { sectionClassification: "0083.1" },
responseSchema: { type: "string", enum: choices },
});
decisionRequests.push(request);
const patch = patchesByRequest.get(request.id);
if (patch) {
try {
const applied = applyDecisionPatch(request, patch);
appliedDecisions.push(applied);
return { classification: { ...classification, kind: applied.choice, confidence: applied.confidence }, gaps: [] };
} catch (error) {
return {
classification,
gaps: [createGap({
id: `gap:${unitId}:classification`,
ownerUnitId: unitId,
missingFields: ["classification"],
reason: `The typed classification patch was invalid: ${error.message}`,
evidenceRefs: [evidenceRef, `decisions/requests.json#/${request.id}`],
confidence: "medium",
affectedAcceptance: ["classification-specific-behavior", "visual-geometry"],
assumptions: ["Use the bounded custom builder until a valid typed decision is supplied."],
omissions: ["Unverified classification-specific behavior."],
})],
};
}
}
return {
classification,
gaps: [createGap({
id: `gap:${unitId}:classification`,
ownerUnitId: unitId,
missingFields: ["classification"],
reason: "Classification requires a bounded typed orchestrating-agent decision.",
evidenceRefs: [evidenceRef, `decisions/requests.json#/${request.id}`],
confidence: "medium",
affectedAcceptance: ["classification-specific-behavior", "visual-geometry"],
assumptions: ["Use the bounded custom builder if the decision is not supplied before assembly."],
omissions: ["Unverified classification-specific behavior."],
})],
};
}
function gapsForSection(section, sectionId, page, classification) {
const gaps = [];
const warnings = [
...(section?.diagnostics?.warnings || []),
...(page?.sectionDiagnostics?.warnings || []).filter((warning) => String(warning).includes(sectionId)),
];
if (warnings.length) {
gaps.push(createGap({
id: `gap:${sectionId}:diagnostics`,
ownerUnitId: sectionId,
missingFields: ["diagnostics"],
reason: warnings.join(" "),
evidenceRefs: [`observations/page.json#/${sectionId}`],
confidence: classification.confidence,
affectedAcceptance: ["classification-specific-behavior", "visual-geometry"],
assumptions: ["Use the bounded custom builder and preserve observed content/order/layout evidence."],
omissions: ["Unverified classification-specific behavior."],
}));
}
if (!section?.layoutEvidence && !section?.layout) {
gaps.push(createGap({
id: `gap:${sectionId}:layout-evidence`,
ownerUnitId: sectionId,
missingFields: ["layout", "styleables"],
reason: "Viewport layout and styleable-category evidence was not captured for this visible section.",
evidenceRefs: [`observations/page.json#/${sectionId}`],
confidence: classification.confidence,
affectedAcceptance: ["responsive-layout", "visible-layers", "visual-geometry"],
assumptions: ["Preserve observed content and order in a bounded fluid layout."],
omissions: ["Unverified authored CSS context and viewport-specific property unions."],
}));
}
return gaps;
}
function contentFor(value, options = {}) {
return sanitizeEvidence(removeContaminatedContent({
heading: value?.heading || "",
text: value?.text || "",
label: value?.label || "",
links: value?.links || [],
items: value?.items || [],
accessibleName: value?.accessibleName || value?.ariaLabel || value?.a11y?.accessibleName || "",
icon: value?.icon || null,
}, options));
}
function contentContaminationGap(unitId, evidenceRef, contamination) {
const fields = contamination.findings.map((finding) => finding.path).filter(Boolean);
return createGap({
id: `gap:${unitId}:content-contamination`,
ownerUnitId: unitId,
missingFields: fields.length ? fields : ["content.text"],
reason: `Content-bearing DOM evidence matched non-rendered source-code signals (${contamination.reasons.join(", ")}). The affected strings were omitted instead of being emitted as page copy.`,
evidenceRefs: [evidenceRef],
affectedAcceptance: ["visible-content", "content-fidelity"],
assumptions: ["Reliable structure, layout, assets, and uncontaminated copy can still be implemented for this unit."],
omissions: ["Strings that appear to originate from executable script, stylesheet, template, or embedded source markup."],
});
}
function capabilityRequirementsFor(value, classification) {
if (value?.capabilityRequirements && typeof value.capabilityRequirements === "object") {
return sanitizeEvidence(value.capabilityRequirements);
}
if (classification.kind !== "button") return {};
const label = value?.label || value?.heading || value?.text || "";
const href = (value?.links || []).find((link) => link?.href)?.href || value?.href || "";
const icon = value?.icon || (value?.images || value?.assets || []).find((asset) => /icon/i.test(`${asset?.role || ""} ${asset?.type || ""}`));
const accessibleName = value?.accessibleName || value?.ariaLabel || value?.a11y?.accessibleName || "";
const availableSlots = [
label ? "label" : null,
href ? "href" : null,
icon ? "icon" : null,
accessibleName ? "accessibleName" : null,
].filter(Boolean);
const composition = href
? "as-link"
: icon && !label
? "icon-only"
: icon && value?.iconPosition === "end"
? "trailing-icon"
: icon
? "leading-icon"
: "text";
const axes = {};
if (value?.componentVariant || value?.visualVariant) axes.variant = value.componentVariant || value.visualVariant;
if (value?.componentSize || value?.controlSize) axes.size = value.componentSize || value.controlSize;
return {
axes,
composition,
availableSlots,
requiredSlots: availableSlots,
requiredStates: ["focus-visible", ...(value?.disabled ? ["disabled"] : [])],
};
}
function requiresClientRuntime(spec) {
const behavior = JSON.stringify(spec.behavior || {}).toLowerCase();
return /accordion|disclosure|tablist|tabpanel|carousel|menuitem|dropdown|toggle|clientstate|client-state|hydration/.test(behavior);
}
function acceptanceFor(value) {
return {
required: ["content-order", "responsive-layout", "visible-layers", "keyboard-when-interactive"],
sourceAssertions: sanitizeEvidence(value?.acceptance || value?.assertions || []),
};
}
function knownClassification(section) {
return /hero|navigation|menu|button|accordion|tabs|gallery|carousel|card|repeater|form|banner|footer|content|cta|promo|reviews/i.test(`${section?.kind || ""} ${section?.variant || ""}`);
}
function pathSafe(value) {
return value.replace(/[^a-z0-9._-]+/gi, "-");
}
async function enforceArtifactBudgets(extractionDir, manifest) {
const total = await directorySize(extractionDir);
if (total > EXTRACTION_BUDGETS.maxRawEvidenceBytes) {
const error = new Error(`Extraction evidence exceeds ${EXTRACTION_BUDGETS.maxRawEvidenceBytes} bytes (${total})`);
error.code = "EXTRACTION_EVIDENCE_BUDGET";
throw error;
}
const specsBytes = Buffer.byteLength(JSON.stringify(manifest));
if (specsBytes > EXTRACTION_BUDGETS.maxFrozenSpecBytes) {
const error = new Error(`Frozen manifest exceeds ${EXTRACTION_BUDGETS.maxFrozenSpecBytes} bytes (${specsBytes})`);
error.code = "EXTRACTION_SPEC_BUDGET";
throw error;
}
}
async function directorySize(dir) {
let total = 0;
for (const entry of await readdir(dir, { withFileTypes: true })) {
const target = path.join(dir, entry.name);
total += entry.isDirectory() ? await directorySize(target) : (await stat(target)).size;
}
return total;
}
async function main() {
const args = parseArgs();
if (!args.out) throw new Error("--out is required");
const outputDir = path.resolve(String(args.out));
const docs = docsDir(outputDir);
const pagePath = args.page || path.join(docs, "pages", "home-home.json");
const readOptional = async (name, fallback) => {
try { return await readJson(path.join(docs, name)); } catch { return fallback; }
};
const page = await readJson(pagePath);
const decisionPatchArtifact = args["decision-patches"] ? await readJson(path.resolve(String(args["decision-patches"]))) : [];
const result = await assembleExtraction({
outputDir,
requestedUrl: args.url || page.url,
resolvedUrl: page.url,
canonicalUrl: page.seo?.canonical || page.url,
page,
assets: await readOptional("assets.json", {}),
seo: await readOptional("seo.json", page.seo || {}),
tokens: await readOptional("tokens.json", {}),
interactionMap: await readOptional("interaction-map.json", {}),
sceneContract: await readOptional("scene-contract.json", {}),
layoutBlueprint: await readOptional("layout-blueprint.json", {}),
uiNormalization: await readOptional("ui-normalization.json", {}),
controlStateContract: await readOptional("control-state-contract.json", {}),
visualAssets: await readOptional("visual-assets.json", {}),
decisionPatches: Array.isArray(decisionPatchArtifact) ? decisionPatchArtifact : decisionPatchArtifact.patches || [],
});
console.log(JSON.stringify({ captureId: result.captureId, manifestHash: result.manifest.manifestHash, status: result.manifest.status }, null, 2));
}
if (import.meta.url === `file://${process.argv[1]}`) main().catch((error) => { console.error(error.stack || error.message); process.exit(1); });
Requirements and compatibility
Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta
“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.
Needs: Needs Node.js
Security
What our scanner noticed· Low risk
- Scripts that your agent may run
This skill includes scripts that your agent may run. Read them before you use it.
A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.
Attribution and licence
- Published by
- Wix
- Publisher
- Wix (Official)
- Source
- wix/skills · wix-headless-replatform · commit d168bc2
- Licence
- MIT License (redistribution allowed)
- LICENSE (added by AutoGineer from LICENSE)
- ATTRIBUTION.md (written by AutoGineer)
- Synced
AutoGineer is not affiliated with or endorsed by Wix or Wix.
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download wix-headless-replatform.zip