Communitygithub.com

muhammedadnank/Antigravity-Skills

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

Antigravity-Skills란 무엇인가요?

Antigravity-Skills is a Claude Code agent skill that writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

지원 대상✓Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add https://github.com/muhammedadnank/Antigravity-Skills/tree/HEAD/skills/seo-aeo-landing-page-writer

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

SEO-AEO Landing Page Writer

Overview

Generates a full, publish-ready landing page following a defined section order with SEO heading structure, AEO extraction blocks, FAQ section, comparison table, social proof, and conversion-focused CTAs. Every section serves a specific purpose in a narrative arc that moves the visitor from awareness to action.

Part of the SEO-AEO Engine.

When to Use This Skill

  • Use when building a landing page for a new product or service
  • Use when an existing landing page needs a full SEO and AEO rewrite
  • Use when you need a page that can be cited by AI engines like Perplexity or ChatGPT
  • Use when you want conversion copy that leads with pain before pitching the product

How It Works

Step 1: Map Inputs

Extract product name, audience, primary keyword, pain points, features, benefits, USPs, social proof, and CTAs. Map every feature to a user outcome before writing any copy.

Step 2: Write AEO Extraction Sentence

Write one 25–40 word sentence that answers "What is [product]?" — standalone, no jargon, placed in a blockquote immediately after the H1. This is the sentence AI engines extract.

Step 3: Follow the Narrative Arc

Write sections in this exact order:

  1. Hero — H1 + AEO sentence + CTA
  2. Problem — audience pain, no product mention yet
  3. Solution — introduce product as the answer
  4. Features as Benefits — table format
  5. Social Proof — testimonials, logos, stats
  6. Mid-page CTA
  7. How It Works — numbered steps
  8. Comparison — table with honest competitor comparison
  9. FAQ — minimum 6 entries, each under 50 words
  10. Trust Signals
  11. Final CTA

Step 4: Run SEO and AEO Checklists

Verify keyword placement, heading hierarchy, FAQ count, AEO block presence, and meta description placeholder before outputting.

Examples

Example 1: Hero Section Output

Ship Faster With Your Remote Team

Syncro is a remote-first project management platform that helps distributed engineering teams track work, communicate asynchronously, and ship without the chaos of email and scattered spreadsheets.

[Start Free Trial] [See How It Works] "4,000+ remote teams" · "40% fewer status meetings" · "4.8/5 on G2"

Example 2: FAQ Section Output

Q: What is Syncro? A: Syncro is a remote-first project management platform for distributed engineering teams. It centralises task tracking, async communication, and sprint planning in one tool. Q: How much does Syncro cost? A: Syncro offers a flat-rate plan at $49/month for unlimited users. A 14-day free trial is available — no credit card required.

Best Practices

  • ✅ Do: Write the problem section before mentioning the product — empathy first
  • ✅ Do: Place the AEO extraction sentence in a blockquote immediately after H1
  • ✅ Do: Write FAQ answers as standalone — each must make sense without context
  • ✅ Do: Include at least one honest point in the comparison table where the alternative wins
  • ❌ Don't: Use "revolutionary", "game-changing", or "best-in-class" anywhere
  • ❌ Don't: Use "Submit" or "Click Here" as CTA button text
  • ❌ Don't: Write paragraphs longer than 4 lines

Common Pitfalls

  • Problem: Product mentioned in the pain section Solution: The pain section exists to build empathy. Save the product introduction for the solution section.

  • Problem: FAQ answers are too long to be extracted by AI engines Solution: Every FAQ answer must be under 50 words and self-contained.

Related Skills

  • @seo-aeo-keyword-research — provides the primary keyword and AEO queries
  • @seo-aeo-meta-description-generator — writes title and meta description from page output
  • @seo-aeo-content-quality-auditor — audits the completed landing page

Additional Resources

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

muhammedadnank/Antigravity-Skills

Build a premium cinematic landing page with mouse-scrub video hero and brand-driven narrative-arc sections. Use whenever the user provides a hero video plus a product / subject / brand and wants a landing page, promo site, product showcase, marketing page, or storytelling site. Works for any language and any subject. The signature effect is mouse-driven video scrubbing \u2014 the hero video lives across the entire page as a fixed backdrop, and moving the mouse left-right scrubs the video timeline so the subject responds to the cursor. Below the hero, 4-5 fully-opaque sections each carry their own brand identity (color, typography emphasis, layout pattern) and walk the viewer through a narrative arc (e.g. longing -> joy -> nostalgia -> contemplation -> action). Do NOT use for parallax frame-scrub landings where the page itself doesn't scroll (use parallax-landing-page instead) or for video editing / captioning workflows (use video-edit).

muhammedadnank/Antigravity-Skills

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.

muhammedadnank/Antigravity-Skills

Build a scroll-driven cinematic landing page from a short video. The user provides a 5–15 second video (often AI-generated); this skill extracts every frame at HD JPEG quality, then produces a single-hero HTML page where the user's scroll gesture scrubs the frames in place (the page itself never scrolls) and 5 dramatic text overlays crossfade in/out — Google Anton headlines, Caveat handwritten accents, locked body, virtual scroll. Use this skill whenever the user wants to "turn this video into a landing page", "make a scroll-scrub landing page", "build a parallax hero from this clip", "add a new landing page to the parasites showcase", "do the same as github/lion/hope for this new video", or any variant that pairs a short clip with dramatic scroll-triggered storytelling. Trigger even if the user only says "use my video for a landing page" — that is this skill.

muhammedadnank/Antigravity-Skills

Best practices for Remotion - Video creation in React

muhammedadnank/Antigravity-Skills

Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling progresses the visible frame through the video. Use when the user provides a video file and asks for "a landing page from this video", "scroll-frame website", "Apple-style scroll site", "hero that scrubs the video", "like the GitHub Copilot landing", or any equivalent. Extracts N evenly-spaced frames via ffmpeg, builds a self-contained HTML page with a sticky hero + JS scroll listener that swaps the visible frame as you scroll, plus headline, sections and CTA below. For YUV.AI projects, applies the yuv-design-system skill in Neon mode (pink/cyan/white, default for YUV.AI web) — Decks (purple/yellow) is reserved for slides only. For generic / non-YUV.AI projects, picks an appropriate palette per the source video. Output is one folder with `index.html` and a `frames/` directory — drop on any static host.

관련 스킬