Art & Design

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).

<!-- 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 -->

Use when implementing a landing page in code, including HTML structure, CSS, responsive layout, fonts, images, meta tags, social cards, structured data, lead-capture forms, accessibility, or loading performance, in plain HTML, Astro, Next, Vite with React, or Tailwind.

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.

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: pricing-page | version: 1.0.0 | updated: 2026-03-17 -->

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

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 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.

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.

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

Use when writing or editing the text of a landing page, including headlines, value propositions, section order, calls to action, testimonials, pricing, or FAQ, or when page copy sounds generic, inflated, or machine-written, in English or Spanish.

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

Use when reviewing, auditing, or critiquing a landing page, before declaring landing page work finished, or when asked whether a page looks AI-generated, templated, or unprofessional.

Landing page structure, conversion optimization, hero design, and landing page testing.

Use when choosing the visual direction of a landing page, including typefaces, colour palette, layout, imagery, or design tokens, or when a page looks templated, generic, or AI-generated.

Use when adding animation, scroll effects, parallax, page transitions, hover or cursor interactions, 3D, WebGL, shaders, or particles to a landing page, or when choosing between GSAP, Motion, Lenis, Three.js, React Three Fiber, Rive, or Lottie.

B12 Website Generator plugin allows you to create a professional, engaging, and user-friendly website in seconds using AI. To create a website, you need to provide a name for your project/business, along with a description of the project/business (goals, structure, etc.).

Free English productivity skills for AI coding agents: proofread docs, commit messages, meeting notes, code review, deep research

Use this skill when context usage approaches capacity (>60%), before running /clear or /compact, when switching tasks, or when ending a coding session across Claude Code, Cursor, or Codex. Produces a structured handoff artifact that transfers execution state to a fresh agent session without loss of context or drift.

Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.

Expert in web animations, transitions, and motion design using Framer Motion and CSS