---

name: page-generator-v1 description: Generate page content and props, never touch templates

Page Generator Skill v1.0

Core Rule: Generate page records + props + content. NEVER templates.

1) Non-Negotiables (Policy)

The Golden Rule

CopyPages are DATA. Templates are CODE.
You generate DATA, not CODE.

Allowed Actions

• ✅ Create new page files in client/src/pages/
• ✅ Import and use canonical layouts
• ✅ Pass props to layout components
• ✅ Create page-specific components in the page file
• ✅ Add routes to App.tsx

Forbidden Actions

• ❌ Modify any file in client/src/templates/
• ❌ Create new layout templates (use existing)
• ❌ Inline layout code into pages
• ❌ Copy layout code from templates

---

2) Inputs & Outputs

Input Schema

Copyinterface PageRequest {
  slug: string;           // URL path (e.g., "water-science")
  title: string;          // Page title
  layout: 'Landing' | 'Product' | 'Article' | 'Utility' | 'ION';
  zone: 1 | 2 | 3;        // Strategic zone
  content: {
    hero?: HeroProps;
    sections: SectionProps[];
  };
  meta?: {
    description?: string;
    keywords?: string[];
  };
}

Output Contract

1. Page file: client/src/pages/{slug}.tsx
2. Route added to App.tsx
3. Lazy import added to App.tsx

Page File Template

Copyimport { lazy } from 'react';
import { ArticleLayout } from '@/templates/gpt';

export default function PageName() {
  return (
    <ArticleLayout
      title="Page Title"
      heroProps={{...}}
      sections={[...]}
    />
  );
}

---

3) Quality Gates

Before completing page generation:

• Page uses canonical layout import
• No template files modified
• Route added to App.tsx
• Lazy loading configured
• Build passes: npm run build
• Route accessible: curl localhost:3000/{slug}

---

Available Layouts