generate
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.zipInstalls 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.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
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:
- Check loaded instructions for a
## Sophon Project Contextsection. - Check
.sophon.mdin the project root. - If neither exists, run
sophon teachnow — do NOT skip this step.
Framework Detection
Sophon auto-detects the framework from package.json. Pass --framework explicitly to override:
| Framework | Auto-detected from | Output root |
|---|---|---|
nextjs | next dependency | app/ |
astro | astro dependency | src/pages/ |
nuxt | nuxt dependency | pages/ |
sveltekit | @sveltejs/kit | src/routes/ |
remix | @remix-run/react | app/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
| Framework | Files generated per entity |
|---|---|
| Next.js | app/[slug]/page.tsx |
| Astro | src/pages/[slug].astro |
| Nuxt 3 | pages/[slug].vue |
| SvelteKit | src/routes/[slug]/+page.svelte + src/routes/[slug]/+page.ts |
| Remix | app/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">oralternates.canonical) - Open Graph tags:
og:title,og:description,og:url,og:type,og:image(whenogImageis set) - Twitter Card tags:
twitter:card,twitter:title,twitter:description,twitter:image(whenogImageis set) - Conditional hero image with lazy loading when
ogImageis 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
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.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| generate (this skill) | 0 | 4mo | Review | Intermediate |
| gpt-home-seo | 0 | 5mo | No flags | Intermediate |
| nextjs-developer | 328 | 2mo | No flags | Advanced |
| payload | 73 | 2mo | Review | Intermediate |
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
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.
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.
web-performance-optimization
davila7
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
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.
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.