Art & Design

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

Improve landing pages through message/offer alignment, user friction and measured conversion hypotheses.

Design conversion-focused landing pages consuming the full brand brief. Adapts to business type (lead gen, signup, purchase). Uses StoryBrand structure for page flow and brand voice for copy. Triggers when someone needs a landing page, homepage, or conversion page.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

Design an AWS Organizations landing zone with one account per workload and environment, and show what a compromise of each account can reach. A bundled script turns a workload list into the OU tree, account names, foundation accounts and where SCP guardrails attach. Use when asked \"how should we split our AWS accounts?\", when planning a new organization, splitting a shared account or adding a workload. Not for auditing an existing account (aws-account-audit) or writing SCP JSON (scp-guardrails).

Plan a landing page section by section - one hero idea, a proof sequence and one call to action - and choose a component for each slot with a reason, using the Vitrine library at tryvitrine.dev. Use when starting a product, launch or campaign page, or when a landing page feels like a stack of unrelated blocks.

Write high-converting landing page copy: headline, benefits, proof, objections, and calls to action. Use when launching a product or page.

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Open Design's brand deck recipe. The deck uses **horizontal magazine-style swipe pagination** (←/→, wheel, swipe), a per-slide chrome strip with brand mark and slide counter, an ESC overview grid, a coral progress bar, and inherits the canonical stylesheet + 16-slot image library from the sister `open-design-landing` skill.

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.

Read-only queue dashboard for workspace-aware ship. (gstack)

Generate HTML landing pages from templates with SEO optimization. Use when creating web pages.

Design an AWS Organizations landing zone with one account per workload and environment, and show what a compromise of each account can reach. A bundled script turns a workload list into the OU tree, account names, foundation accounts and where SCP guardrails attach. Use when asked \"how should we split our AWS accounts?\", when planning a new organization, splitting a shared account or adding a workload. Not for auditing an existing account (aws-account-audit) or writing SCP JSON (scp-guardrails).

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

<!-- skill: guimkt-wireframe-landing-page | version: 1.1.0 | updated: 2026-03-25 -->

<!-- skill: guimkt-landing-page | version: 1.1.0 | updated: 2026-03-25 -->

Generate complete, deploy-ready landing pages from any repository. Use when creating a homepage for an open-source project, building a project website, converting a README into a marketing page, or standardizing landing pages across multiple repos.

Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand. Creates headlines, value propositions, CTAs, and full page sections optimized for conversion. Use when users need landing page copy, sales page content, or marketing website text.

Use when deploying or launching a landing page, or setting up hosting, a custom domain, analytics, conversion tracking, A/B tests, or form handling for one, especially on Cloudflare.

Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments). Includes checklists, templates, and common pitfalls.

Pricing page design, plan comparison, feature matrices, pricing psychology, and upgrade flows.

Structural layout skill defining high-conversion marketing landing page anatomy (Hero, Social Proof, Bento Grids, Alternating Features, Pricing Matrices, Testimonials, FAQs, and Closing CTAs). Pairable with any visual design style.

<!-- skill: guimkt-landing-page-optimization | version: 1.0.0 | updated: 2026-03-17 -->

<!-- skill: pricing-page | version: 1.0.0 | updated: 2026-03-17 -->