landing-page-generator
landing-page-generator是一款code方向的AI技能，核心价值是Generates high-converting Next，可用于解决开发者在code领域的实际问题，帮助用户提升效率、自动化重复任务或优化工作流。
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.
mkdir -p ./skills/landing-page-generator && curl -sfL https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/landing-page-generator/SKILL.md -o ./skills/landing-page-generator/SKILL.mdRun in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).
Skill Content
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.
🎯 Best For
- Developers scaffolding new projects
- Prototype builders
- SEO content writers
- Digital marketers
- Copywriters
💡 Use Cases
- Bootstrapping React components
- Creating API route handlers
- Optimizing blog posts for search intent
- Writing meta descriptions that drive CTR
📖 How to Use This Skill
- 1
Install the Skill
Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.
- 2
Load into Your AI Assistant
Open Claude and reference the skill. Paste the SKILL.md content or use the system prompt tab.
- 3
Apply landing-page-generator to Your Work
Open your project in the AI assistant and ask it to apply the skill. Start with a small module to verify the output quality.
- 4
Review and Refine
Review AI suggestions before committing. Run tests, check for regressions, and iterate on the skill output.
❓ Frequently Asked Questions
Can I customize the generated output?
Yes — modify the skill's prompt instructions to match your project conventions and coding style.
Does this account for Google algorithm updates?
The skill follows evergreen SEO best practices. Stay updated on Google core updates for additional context.
Can this match my brand voice?
Yes — provide brand guidelines and tone examples in your prompt for consistent output.
Is landing-page-generator compatible with Cursor and VS Code?
Yes — this skill works with any AI coding assistant including Cursor, VS Code with Copilot, and JetBrains IDEs.
Do I need specific dependencies for landing-page-generator?
Check the install command and Works With section. Most code skills only require the AI assistant and your codebase.
⚠️ Common Mistakes to Avoid
Using generated code without understanding
Understand what generated code does before shipping it to production.
Keyword stuffing
Modern SEO favors natural language and topical authority over keyword density.
Using generic templates
Great copy requires understanding your audience. Customize the skill output for your specific buyers.
Skipping validation
Always test AI-generated code changes, even for simple refactors.