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

Ready to run

npx skills add https://github.com/guilhermemarketing/esc-skills --skill guimkt-wireframe-landing-page

💬 Prompt for ChatGPT / Claude Chat▼

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.