Works with the AI Agents you already use
Claude Code
Cursor
Codex CLI
Muse
Dots+21 moreClaude CodeCursorCodex CLIMuseDots
Manus
Grok
Grok Bot+18 agentsElementor Rebuild Brief: Section Map + Widget Stack
Unlike free Elementor rebuild prompts: evidence-only section→widget map, copy slots, responsive notes + checklist — no invented lift or asset clones.
$7
Elementor Rebuild Brief: Section Map + Widget Stack
Example session with this skill installed
I need a rebuild brief for a SaaS waitlist page. It has a hero with an email form, a 4-item feature grid, a logo carousel, and a simple FAQ. Using Elementor Pro.
- Read your context and instructions
- Compiled the elementor rebuild brief
I have generated the rebuild brief for your SaaS waitlist landing page, optimized for Elementor Pro.
Landing Rebuild Brief (Elementor)
Goal & audience
- Goal: Capture early-access email signups (Waitlist).
- Audience: B2B SaaS users.
- Evidence used: User-supplied section outline.
Section Map
| # | Section | Purpose | Elementor Widgets | Copy Status |
|---|---|---|---|---|
| 1 | Hero | Primary conversion | Heading, Text Editor, Form (Pro) | Needs H1 rewrite |
| 2 | Logo Strip | Social proof | Image Carousel | Needs client assets |
| 3 | Features | Value prop | Inner Section + Icon Boxes (4) | Drafted |
| 4 | FAQ | Objection handling | Accordion | Content provided |
| 5 | Footer | Navigation | Site Logo, Text Editor, Social Icons | Standard |
Widget Stack (Build Order)
- Container (Hero): Set to Min-Height 80vh. Use a two-column inner section for copy/form split.
- Form Widget (Pro): Configure "Actions After Submit" to your CRM (e.g., Mailchimp/ActiveCampaign).
- Image Carousel: Set to "Slides to Show: 5" with infinite scroll and grayscale filter.
- Icon Boxes: 4-column layout. Use SVG icons for performance.
- Accordion: Set "FAQ Schema" toggle to 'Yes' in the widget settings for SEO.
Copy Slots
- Hero H1: [Main Benefit Statement]
- Primary CTA: "Join the Waitlist"
- Feature Headings: Short, 3-5 word benefit headers.
Responsive Notes
- Mobile Stack: Ensure Hero form stacks below the H1/Text on mobile.
- Padding: Reduce section padding to 40px/20px for mobile viewport.
- Typography: Set H1 to 32px for mobile screens to avoid clipping.
Build Checklist
- Configure Elementor Pro Form with honey-pot spam protection.
- Upload optimized WebP versions of all feature icons and logos.
- Test mobile toggle functionality on the FAQ accordion.
- Verify Form success message and redirect URL.
Next steps
- Review the widget map and confirm if any third-party add-ons (like Crocoblock) are preferred over native Pro widgets.
- Prepare the SVG icon set for the feature grid section.
- Map the Form widget webhooks to your specific email marketing provider.
Connects securely to your tools. The creator never sees your data.
About this skill
Unlike free "rebuild this page in Elementor" prompts that invent conversion lifts or tell you to scrape another brand's images, this skill turns the outline, section notes or screenshot annotations you paste into a build-ready Elementor brief: section map, widget stack, copy slots, responsive notes and a phased checklist. Original or licensed assets only. No fake clone guarantees.
Sample output (excerpt — B2B SaaS demo landing, Generated: 2026-10-16):
| # | Section | Purpose | Elementor widgets | Copy status |
|---|---|---|---|---|
| 1 | Hero | Demo CTA | Heading, Text, Button, Image | H1 + CTA supplied |
| 2 | Social proof | Trust | Logo carousel / Testimonial | Logos Missing |
| 3 | Features (3) | Benefits | Icon Box ×3, Heading | Bullets supplied |
| 4 | Offer | Pricing teaser | Pricing table / HTML | Needs rewrite |
| 5 | FAQ | Objections | Accordion | 4 Qs supplied |
| 6 | Final CTA | Book demo | Heading, Form, Button | Form → HubSpot (user) |
Widget stack (build order)
- Container → Heading H1 + Text + Button (Primary CTA)
- Image (product UI) beside hero on desktop; stack under on mobile
- Icon Box row (3 cols → 1 col mobile)
- Accordion FAQ → Form (email + company) → Button
Responsive notes
- Mobile stack: H1 → CTA → image → features → FAQ → form
- Sticky mobile CTA after 40% scroll (Elementor Pro sticky)
- Tap targets ≥44px; form fields full-width
Build checklist
- Structure containers + sections
- Drop in user-owned copy/assets only
- Mobile QA + form test to HubSpot
- Performance pass (WebP, unused widgets off)
Works in Claude Code, Cursor and Codex · evidence-first rebuild brief · no scraped assets or invented lift · v1.0, updated Oct 2026 · questions answered via Agensi messages · More Cygnix Labs tools: https://apify.com/cygnix_labs
Scoping a landing page rebuild in WordPress often leads to missing widgets, broken mobile layouts, and scope creep. This skill generates a structured technical brief that maps any page outline or screenshot description directly to an Elementor-ready build plan. It bridges the gap between a visual concept and the actual widget stack needed in the editor.
What it does
- Section mapping breaks down a source page into specific Elementor sections with clear conversion purposes.
- Widget selection recommends the exact native or Pro widgets required, from Icon Boxes to Advanced Forms.
- Copy slotting identifies where headlines, body text, and CTAs need to be placed or rewritten.
- Responsive planning provides specific instructions for mobile stack order and touch-target adjustments.
- Build checklists generates a phased workflow covering structure, content, styling, and final QA.
How it works
- Provide a URL description, section notes, or a text-based outline of the page you want to rebuild.
- Specify your target stack, such as Elementor Free, Elementor Pro, or compatible builders like Bricks.
- Review the generated brief containing the widget map, copy requirements, and mobile layout strategy.
Frameworks & tools
Specifically designed for WordPress environments using Elementor or Elementor Pro. The logic can be adapted for other block-based builders like Bricks or Webflow by mapping equivalent components.
Why this beats prompting it yourself
Generic AI prompts often miss the technical nuances of page builders, like choosing an Accordion widget versus a Toggle. This skill enforces a structured build order and specifically addresses mobile responsiveness and plugin bloat.
Use cases
- Creating a clear technical handoff document for a freelance WordPress developer.
- Auditing a competitor's layout to plan an original, high-converting structure for your own brand.
- Scaffolding a landing page rebuild where you have the copy but need a technical layout plan.
Known limitations
Does not generate downloadable JSON templates or live site files. Requires user-supplied brand tokens for specific visual design.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 1 month ago