nextjs-build-website-write-code

Dispatch Next.js landing-site sub-skills in order after an approved plan.

2|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill nextjs-build-website-write-code
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-build-website-write-code
Source: https://github.com/sdcorejs/sdcorejs-agent/tree/main/plugin/skills/nextjs-build-website-write-code
Command: npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill nextjs-build-website-write-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill turns an approved website plan into concrete Next.js implementation steps, ensuring the build order stays correct for theme, i18n, pages, SEO, and required hand-offs.

Core Features & Use Cases

  • Plan-driven code orchestration: Dispatches the exact sub-skills needed for landing-site generation based on confirmed scope items.
  • Bilingual-ready architecture: Ensures i18n structure (VI/EN) exists before composing pages.
  • Mandatory completion pipeline: Runs the tail-call chain (tests, repair loop, review, verify-before-done, auto-docs, task tracker) after sub-skills finish.
  • Typical use case: Build a new bilingual Next.js landing site including theme tokens, composed sections, SEO + OG, caching, responsive checks, a real contact form, and content quality checks.

Quick Start

Ask the AI to “go ahead” after your plan is approved to generate the Next.js landing site end-to-end with the required sub-skill dispatch and hand-offs.

Frequently Asked Questions about nextjs-build-website-write-code

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

FAQPage Schema
How do I generate Next.js landing page code from an approved plan?

To generate Next.js landing page code, you dispatch specialized sub-skills in a required order across theme, i18n, pages, SEO, and caching after confirming your approved plan scope.

What is the correct build order for a bilingual Next.js website with i18n and SEO?

The correct build order for a bilingual Next.js website ensures i18n structure exists before composing pages, followed by SEO, OG preview, ISR caching, responsiveness, contact forms, and content quality checks.

How do I configure ISR caching and OG previews in a Next.js landing site?

Configuring ISR caching and OG previews in a Next.js landing site is handled by dispatching dedicated sub-skills for SEO, OG generation, and caching during the orchestrated code generation process.

Do I need an approved plan before generating Next.js code?

Yes, an approved plan is required before generating Next.js code because the orchestrator reads the confirmed scope first to dispatch sub-skills deterministically without generating code directly.

What's the best way to orchestrate sub-skills for Next.js code generation?

The best way to orchestrate sub-skills for Next.js code generation is using a deterministic tail-call chain that runs tests, repair loops, reviews, verify-before-done, and auto-docs after sub-skills finish.

Why does my Next.js code generation workflow require a tail-call chain?

A Next.js code generation workflow requires a tail-call chain to satisfy deterministic execution constraints, ensuring mandatory completion steps like tests, reviews, and auto-docs run after sub-skills finish.