Landing Rebuild Brief — Elementor Section Map
Turn a page outline into an Elementor rebuild brief: section map, widget stack, copy slots, responsive notes, build checklist. Process template — original assets only, no scrape-clone or fake lift claims. Cygnix Labs.
$9
Works with the AI tools you already use
Claude Code
Cursor
Codex CLI
Muse
OpenClaw+21 moreClaude CodeCursorCodex CLIMuseOpenClaw
Manus
Grok
Grok Bot+18 agentsLanding Rebuild Brief — Elementor Section Map
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 landing rebuild brief
- Generated the app files
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.
landing-rebuild-brief-elementor-section--app.zip
ZIP · project files
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
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 install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 4 days ago
- Passed all security checks, Safe to install
Needs access to
Cygnixlabs