Skill Details
Runtime
Any model
Example user message
[userMessage]: **SOURCE_URL** https://example.com/pricing **DRAFT_REBUILD_MD** ```md # Pricing Page Rebuild ## Structure 1. Hero 2. Three-tier pricing table 3. Enterprise CTA 4. Footer ## Components - Header navigation - Pricing cards - Monthly / annual billing toggle - CTA buttons - Footer links ## Implementation - React - CSS Grid for pricing cards - Stripe Elements for checkout - Responsive layout at 768px and 1200px
Example agent response
# Website Rebuild Evidence Gate — Report
Source: https://example.com/pricing · Captured: 2026-08-11T20:13:00+03:00
Verdict: PATCH
## Source Evidence Map
* {EVI}[CONF] Top navigation with product, solutions, pricing, and login links.
* {EVI}[CONF] Hero section with pricing headline and supporting copy.
* {EVI}[CONF] Monthly / annual billing control above the pricing area.
* {EVI}[CONF] Three primary pricing cards displayed in one comparison row on desktop.
* {EVI}[CONF] Enterprise call-to-action below the primary pricing cards.
* {EVI}[CONF] FAQ accordion appears below the pricing content.
* {EVI}[CONF] Customer testimonial carousel appears before the footer.
* {EVI}[CONF] Footer contains grouped navigation links and legal links.
* {EVI}[UNCONF] Pricing cards appear consistent with a grid-based layout, but the underlying CSS implementation is not observable.
* {EVI}[UNCONF] Checkout provider cannot be identified from the visible pricing page alone.
## Blueprint Classification
### Observed Source Facts
* Hero section matches the observed source structure.
* Three-tier pricing table matches the visible pricing layout.
* Enterprise CTA matches the observed section below pricing.
* Footer is present and correctly identified.
* Header navigation is supported by the source.
* Monthly / annual billing toggle is directly observed.
* Pricing cards and CTA buttons are directly observed.
### Inferred Implementation
* “CSS Grid for pricing cards” is a reasonable implementation choice but is not directly verifiable from the rendered page.
* “Stripe Elements for checkout” is unsupported by visible source evidence.
* “Responsive layout at 768px and 1200px” is an implementation assumption unless those exact breakpoints were independently observed.
### Owner Decisions
* React is an owner-selected implementation choice. The source page does not require React.
## Gaps Found
### Section Gaps
* FAQ accordion is visible on the source but absent from the rebuild blueprint.
* Testimonial carousel is visible on the source but absent from the rebuild blueprint.
### State Gaps
* Blueprint does not describe expanded and collapsed FAQ states.
* Blueprint does not describe carousel navigation or active-slide state.
* Blueprint does not specify the selected state for monthly versus annual billing.
### Accessibility Gaps
* Blueprint does not specify keyboard operability for the billing toggle.
* Blueprint does not specify keyboard operability or expanded-state semantics for the FAQ accordion.
### Responsive Gaps
* Exact breakpoint values in the blueprint are unverified.
* The blueprint should describe observed layout changes rather than treating 768px and 1200px as source facts.
## Asset / IP Ledger
* Pricing copy and testimonial text appear brand-authored and should not be reproduced verbatim without permission.
* Customer logos or identifiable testimonial imagery should use rights-safe placeholders unless licensed.
## Test Plan
1. Confirm the rebuilt page includes the FAQ section in the same structural position as the source.
2. Confirm FAQ items expose both collapsed and expanded states.
3. Confirm the testimonial carousel is represented and can move between items.
4. Confirm the monthly / annual control exposes a clear selected state.
5. Confirm keyboard users can operate the billing control.
6. Confirm FAQ controls are keyboard accessible and expose expanded/collapsed state.
7. Compare responsive behavior at the widths where the source visibly changes layout.
8. Confirm brand-owned testimonial copy and imagery have been replaced or licensed.
## Verdict Rationale
PATCH — the blueprint captures the primary pricing structure and major conversion components, but it omits two complete source sections and several interactive states. The implementation can proceed after those gaps are added. React and CSS Grid may remain owner decisions, while Stripe Elements and exact breakpoint values must not be represented as source-confirmed facts.
By purchasing this skill, you agree to our terms of service
Website Rebuild Evidence Gate™ validates a draft REBUILD.md or website clone blueprint against the live page it was derived from — before a developer starts coding.
Give it the source URL and the draft rebuild specification. The skill inspects the live page, captures observable structure and interactions, then cross-checks every blueprint claim against that evidence.
...more
Added 17 hours ago
- Reviews for this skill (1)
