phase-7-seo-security

Implement SEO tags, structured data, sitemaps, and security headers for Next.js apps.

2|1|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/solitasroh/mcukit --skill phase-7-seo-security-solitasroh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phase-7-seo-security
Source: https://github.com/solitasroh/mcukit/tree/main/skills/phase-7-seo-security
Command: npx skills add https://github.com/solitasroh/mcukit --skill phase-7-seo-security-solitasroh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve search visibility and security posture for modern web applications, helping teams be found by users while defending against common vulnerabilities.

Core Features & Use Cases

  • SEO Optimization: meta tags, structured data (JSON-LD), and sitemap management to improve indexing and discoverability.
  • Performance & Security: Core Web Vitals improvements alongside authentication and authorization hardening and vulnerability defense.
  • Practical Use Cases: teams shipping consumer-facing web apps needing better search ranking and a stronger security posture.

Quick Start

Open Claude Code, run Phase 7 on your project, and start applying SEO and security improvements.

Frequently Asked Questions about phase-7-seo-security

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

FAQPage Schema
How do I add structured data and Open Graph meta tags for SEO in Next.js?

Next.js SEO optimization uses JSON-LD structured data and Open Graph meta tags to improve search engine indexing and social link previews. This Skill automates generating and injecting these tags into your SPA page headers.

What's the best way to protect a SPA from XSS and CSRF vulnerabilities?

Protecting a SPA from XSS and CSRF vulnerabilities involves configuring secure HTTP headers and implementing CSRF tokens. This Skill applies CSRF protection and security header configuration to defend against common web attacks.

How do I generate a sitemap and improve Core Web Vitals for a single page application?

Generating a sitemap and improving Core Web Vitals for a single page application requires creating a sitemap file for discoverability and tuning performance metrics. This Skill handles sitemap creation and performance tuning for SPA frameworks.

Does this SEO and security optimization work with modern SPA frameworks other than Next.js?

This SEO and security optimization applies across Next.js and other modern SPA frameworks. It implements meta tags, rate limiting, and secure API design generically enough to support consumer-facing web apps built on similar architectures.

Why do I need both JSON-LD and Open Graph data for search visibility?

You need both JSON-LD and Open Graph data for search visibility because JSON-LD provides structured context to search engine crawlers for indexing, while Open Graph controls how URLs render as rich previews on social media platforms.