seo-fundamentals

Audit HTML, JSX, and TSX pages for SEO metadata, heading, and accessibility gaps.

3|2|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/grasberg/sofia --skill seo-fundamentals-grasberg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-fundamentals
Source: https://github.com/grasberg/sofia/tree/main/cmd/sofia/internal/onboard/antigravity-kit/.agent/skills/seo-fundamentals
Command: npx skills add https://github.com/grasberg/sofia --skill seo-fundamentals-grasberg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

SEO optimization for public web pages requires checking metadata, headings, and accessibility to improve visibility and performance.

Core Features & Use Cases

  • Comprehensive guidelines covering E-E-A-T, Core Web Vitals, and technical SEO principles.
  • Actionable best-practice templates for on-page SEO, schema usage, and AI content guidelines.
  • Use Case: Run audits on a site to identify missing metadata, improper heading hierarchy, and accessibility gaps, then fix issues to improve search ranking.

Quick Start

Run the seo_checker.py script with your project path to start an automated SEO audit of public pages.

Frequently Asked Questions about seo-fundamentals

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

FAQPage Schema
How do I audit my website for missing title tags and meta descriptions?

You can audit missing title tags and meta descriptions by running an automated static analysis script on your project path to detect SEO metadata gaps in HTML, JSX, and TSX files, generating a per-file issue report.

What is the best way to check Open Graph tags and heading hierarchy in React?

The best way to check Open Graph tags and heading hierarchy in React is to run a static analysis audit on your JSX and TSX files, which identifies missing tags and improper heading structures to ensure compliance.

How do I find images without alt text for accessibility and SEO compliance?

To find images without alt text for accessibility and SEO compliance, execute a static page audit on your HTML and JSX project files, which flags images missing alt attributes and outputs an overall compliance summary.

Does this SEO audit work with TypeScript TSX files?

Yes, the SEO audit works with TypeScript TSX files because the static analysis script is designed to parse HTML, JSX, and TSX pages to identify metadata, heading, and accessibility gaps deterministically.

What SEO best practices are evaluated during an HTML page audit?

During an HTML page audit, SEO best practices evaluated include E-E-A-T principles, Core Web Vitals readiness, title tag presence, meta descriptions, Open Graph tags, proper heading structures, and image alt text availability.

Will this static analysis modify my existing web project files?

No, this static analysis will not modify your existing web project files because the audit performs deterministic, non-destructive checks that only read your HTML and JSX code to report SEO compliance gaps.