skills.rest
RamonsDka
RamonsDkaCOMMUNITY
Explore all skills by this author →
GitHub

guimkt-landing-page

Generate conversion-focused landing pages from wireframe-tabela planning to HTML.

1|1|Updated Apr 19, 2026
Search Tags:#glassmorphism#design-system#landing-page#lead-generation#premium-html#copywriting-framework#sql-leads
One-click install
npx skills add https://github.com/RamonsDka/the-architect-overlay --skill guimkt-landing-page-ramonsdka
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guimkt-landing-page
Source: https://github.com/RamonsDka/the-architect-overlay/tree/main/skills/guimkt-landing-page
Command: npx skills add https://github.com/RamonsDka/the-architect-overlay --skill guimkt-landing-page-ramonsdka

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured two-phase workflow to generate premium landing pages aimed at high-quality SQL leads, reducing design and development time while ensuring consistency with a design system.

Core Features & Use Cases

  • Two-phase process: Phase 1 Wireframe-Tabela for copy framework and layout planning; Phase 2 Landing Page Premium to transform the wireframe into an auto-contained HTML page with glassmorphism, micro-animations and a built-in lead-scoring form.
  • Design-system driven output: enforces color, typography, and UI patterns; generates accessible, responsive pages ready for deployment.
  • Use cases include high-conversion LPs for Google/Meta ads, lead capture pages for B2B/B2C, and premium pages for complex briefings.

Quick Start

Provide a client briefing and run Phase 1 to produce the wireframe-tabela, then proceed with Phase 2 to generate the premium HTML LP.

Frequently Asked Questions about guimkt-landing-page

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

FAQPage Schema
How do I generate a premium HTML landing page for lead generation?▼

Generate a premium HTML landing page by running a two-phase workflow: first creating a wireframe-tabela for copy and layout planning, then transforming it into a self-contained HTML page with inline CSS/JS, glassmorphism aesthetics, and lead-scoring forms.

What is a wireframe-tabela and when do I need it for a landing page?▼

A wireframe-tabela is a structured planning layout used to define copy frameworks and page structure before building a landing page. You need it when orchestrating high-conversion lead-generation projects to ensure design system consistency and reduce development time.

Can I build a B2B lead capture page with glassmorphism and a built-in lead-scoring form?▼

Yes, you can build B2B and B2C lead capture pages featuring glassmorphism aesthetics and built-in lead-scoring forms. The output enforces UI patterns, typography, and color rules from a self-contained design system.

What's the best way to create accessible, responsive landing pages ready for ad campaigns?▼

The best way to create accessible, responsive landing pages for Google or Meta ads is using a design-system-driven approach that outputs auto-contained HTML with micro-animations, inline CSS/JS, and a strict no-placeholders policy for client-branded deployment.

Does the generated landing page HTML require external dependencies to function?▼

No, the generated landing page HTML does not require external dependencies. The output is self-contained with inline CSS and JS, satisfying accessibility checks and ensuring the premium page is ready for immediate deployment.

Why use a two-phase wireframe and HTML generation process for SQL leads?▼

Use a two-phase process for SQL leads to separate copy framework planning from premium HTML generation, ensuring high-quality lead capture through structured design system enforcement, glassmorphism aesthetics, and integrated lead-scoring forms without placeholders.

Related Skills

Explore More Marketing & Sales Skills→
guilhermemarketingguilhermemarketing
59

guimkt-wireframe-landing-page

Generate two-phase wireframe landing pages from client briefings.

Community
Advanced
AffitorAffitor
595

webinar-registration-page

Generate a self-contained webinar registration page with countdown, speaker bio, agenda, and signup form.

Official
Intermediate
maslennikov-igmaslennikov-ig
243

frontend-aesthetics

Generate actionable frontend design guidance for typography, color, and motion.

Community
Advanced
MMA-Marketing-ProMMA-Marketing-Pro
1

site-redesign

Generate single-file HTML/CSS/JS website redesigns for local businesses.

Official
Advanced