skills.rest
guilhermemarketing
guilhermemarketingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

guimkt-wireframe-landing-page

Generate two-phase wireframe landing pages from client briefings.

59|14|Updated Mar 10, 2026
Search Tags:#marketing#copywriting#wireframe#landing-page#lead-generation#two-phase#sketch
One-click install
npx skills add https://github.com/guilhermemarketing/esc-skills --skill guimkt-wireframe-landing-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guimkt-wireframe-landing-page
Source: https://github.com/guilhermemarketing/esc-skills/tree/main/skills/guimkt-wireframe-landing-page
Command: npx skills add https://github.com/guilhermemarketing/esc-skills --skill guimkt-wireframe-landing-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a two-phase process to generate wireframes for landing pages aimed at SQL lead generation, reducing cycle time and ensuring structured copy and validation-ready visuals.

Core Features & Use Cases

  • Wireframe-Tabela: selects the best copywriting framework (AIDA, PASTOR, Q.U.E.S.T., etc.) and maps the LP into a table with sections, headlines, copy, and designer notes.
  • Wireframe-Sketch: converts the table into a low-fidelity HTML visual with sketch fonts, scroll animations, and alternating backgrounds for client validation.
  • Use cases include rapidly prototyping LPs, defining copy frameworks, and producing validation-ready wireframes for conversion optimization.

Quick Start

Provide a client briefing and ICP, then generate the two-phase wireframe-tabela and, if requested, the wireframe-sketch HTML.

Frequently Asked Questions about guimkt-wireframe-landing-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a landing page wireframe from a client brief?▼

Generate a landing page wireframe by inputting the client briefing and ICP into a two-phase process that outputs a structured table with real copy and an optional low-fidelity HTML sketch.

What copywriting frameworks work best for lead generation landing pages?▼

Lead generation landing pages use copywriting frameworks like AIDA, PASTOR, or Q.U.E.S.T. to structure headlines, body copy, and defense sections mapped across the page sections in a wireframe table.

How do I create a low-fidelity HTML sketch for landing page validation?▼

Create a low-fidelity HTML sketch by converting a wireframe table into a visual format using sketch fonts, scroll animations, and alternating backgrounds for quick client validation.

Can I use placeholder text when wireframing a conversion-focused landing page?▼

Conversion-focused landing page wireframes require real copy rather than placeholder text to accurately validate the messaging flow and defense sections before design implementation.

What is the two-phase wireframe process for landing pages?▼

The two-phase wireframe process consists of Wireframe-Tabela, which maps sections and copy into a structured table, followed by Wireframe-Sketch, which renders that table into a validation-ready HTML visual.

Do I need a designer to build landing page wireframes for SQL lead-gen?▼

SQL lead-gen wireframes do not require a designer initially because the process generates structured copy tables and low-fidelity HTML sketches directly from the briefing inputs.

Related Skills

Explore More Marketing & Sales Skills→
RamonsDkaRamonsDka
1

guimkt-google-ads

Generate a four-phase Google Ads campaign pipeline for SQL leads.

Community
Advanced
RamonsDkaRamonsDka
1

guimkt-wireframe-landing-page

Generate two-phase landing page wireframes as HTML files from a briefing and ICP.

Community
Advanced
samuelross99samuelross99
1

copywriting

Draft persuasive marketing copy for websites and product pages.

Community
Basic
ddttomddttom
2

canvas-design

Generate visual art and designs as PNG or PDF files from abstract philosophies.

Community
Basic