Programmatically generate static pages for SEO using your framework-specific adapter.

Install

mkdir -p .claude/skills/generate-sophiasuu && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/13472" && unzip -o skill.zip -d .claude/skills/generate-sophiasuu && rm skill.zip

Installs to .claude/skills/generate-sophiasuu

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Generate one static framework page per entity using the appropriate Sophon adapter. Supports Next.js, Astro, Nuxt, SvelteKit, and Remix. Use when the user wants to scaffold programmatic SEO pages.
196 chars✓ has a “when” trigger
Intermediate

Key capabilities

  • Detect the project's JavaScript framework from `package.json`
  • Generate static framework pages for each entity
  • Auto-populate SEO metadata for generated pages
  • Include fallback content from metadata when enriched content is absent
  • Scaffold H2 sections for intro, FAQ, and comparison
  • Log warnings for YMYL terms, thin content, and duplicate slugs

How it works

The skill generates static pages per entity by detecting the framework, applying appropriate adapters, and populating content and SEO metadata.

Inputs & outputs

You give it
Entity data and a specified framework (or auto-detected)
You get back
Static framework pages (e.g., `app/[slug]/page.tsx` for Next.js) with SEO metadata and structured content

When to use generate

  • Generating SEO landing pages
  • Scaffolding content for entities
  • Automating static page creation

About this skill

Generate one static page per entity using the framework adapter that matches the host project.

MANDATORY PREPARATION

Invoke the sophon skill first. It contains the adapter map, entity model, output path conventions, and the Context Gathering Protocol.

Follow the protocol before doing any work:

  1. Check loaded instructions for a ## Sophon Project Context section.
  2. Check .sophon.md in the project root.
  3. If neither exists, run sophon teach now — do NOT skip this step.

Framework Detection

Sophon auto-detects the framework from package.json. Pass --framework explicitly to override:

FrameworkAuto-detected fromOutput root
nextjsnext dependencyapp/
astroastro dependencysrc/pages/
nuxtnuxt dependencypages/
sveltekit@sveltejs/kitsrc/routes/
remix@remix-run/reactapp/routes/

Execution

npx @sophonn/sophon generate --framework nextjs

# Custom output root
npx @sophonn/sophon generate --framework astro --generate-output ./src/pages

Output Paths by Framework

FrameworkFiles generated per entity
Next.jsapp/[slug]/page.tsx
Astrosrc/pages/[slug].astro
Nuxt 3pages/[slug].vue
SvelteKitsrc/routes/[slug]/+page.svelte + src/routes/[slug]/+page.ts
Remixapp/routes/[slug].tsx

SvelteKit: Always generates both files. +page.ts contains the prerenderable entity payload that feeds +page.svelte. Do not skip generating the companion file.

Generated Page Content

Each generated page includes:

SEO metadata (auto-populated per entity)

  • <title> and <meta name="description">
  • Canonical URL (<link rel="canonical"> or alternates.canonical)
  • Open Graph tags: og:title, og:description, og:url, og:type, og:image (when ogImage is set)
  • Twitter Card tags: twitter:card, twitter:title, twitter:description, twitter:image (when ogImage is set)
  • Conditional hero image with lazy loading when ogImage is available

Page structure

  • H1 populated from entity SEO title
  • Fallback content from metadata — when no enriched content exists, generates structured sections from entity description, attributes table, and tags list instead of empty TODO stubs
  • H2 sections scaffolded for intro, FAQ, and comparison — enriched content replaces TODO blocks
  • Entity tags and attributes rendered for reference

Safety guardrails

  • Hallucination-prevention comment block at the top — preserve it
  • YMYL warning logged if entity name/tags match health, legal, or financial terms
  • Thin-content warning logged if entity has fewer than 3 populated metadata fields
  • Duplicate slugs are skipped automatically with a logged warning

Do not hardcode niche-specific copy into generated pages unless it comes from actual project data.

Programmatic API

import { generate } from "@sophonn/sophon";

await generate({
  entities: result.entities,
  framework: "nextjs",
  output: "app",
});

After Generation

Run the technical skill to generate sitemap, schema, and hreflang scaffold assets.

When not to use it

  • The user does not want to generate static pages for programmatic SEO
  • The user has not invoked the `sophon` skill first

Prerequisites

sophon skill invoked

Limitations

  • It requires the `sophon` skill to be invoked first for context
  • It supports specific frameworks: Next.js, Astro, Nuxt, SvelteKit, Remix
  • It relies on `package.json` for framework detection

How it compares

This workflow automates the creation of SEO-optimized static pages based on entity data and framework conventions, reducing manual page creation and SEO configuration.

Compared to similar skills

generate side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
generate (this skill)04moReviewIntermediate
gpt-home-seo05moNo flagsIntermediate
nextjs-developer3282moNo flagsAdvanced
payload732moReviewIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

gpt-home-seo

curtiv3

SEO optimization specifically for GPT Home (gpthome.space) — an autonomous AI homepage / living AI experiment project. Use this skill whenever Kevin asks about GPT Home SEO, discoverability, traffic, meta tags, schema, content strategy, or how to make gpthome.space rank better. Also trigger for ques

00

nextjs-developer

zenobi-us

Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on building fast, SEO-friendly applications.

328531

payload

payloadcms

Use when working with Payload CMS projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.

73206

web-performance-optimization

davila7

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance

1048

roier-seo

davila7

Technical SEO auditor and fixer. Runs Lighthouse/PageSpeed audits on websites or local dev servers, analyzes SEO/performance/accessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.

424

landing-page-guide

bear2u

Comprehensive guide for creating effective landing pages using Next.js or React. This skill should be used when users request to create landing pages, marketing pages, or product pages that require the 11 essential elements for high-converting landing pages. Specifically designed for Next.js 14+ App Router with ShadCN UI components.

16

Search skills

Search the agent skills registry