Primary navigation
Codex

Codex use case

Build a student website

Turn an idea and source material into a tested first version.

Difficulty Intermediate
Time horizon 1h

Use Sites to scope, build, and test a simple website from student project content, design preferences, accessibility requirements, and success criteria, then prepare it for review before publishing.

Best for

  • Students turning a club, portfolio, class, or community idea into a working site.
  • Projects with existing content, examples, and accessibility requirements.
  • First versions that need tested interactions and a review checklist.

Contents

    ← All use cases

    Build a student website

    Turn an idea and source material into a tested first version.

    Use Sites to scope, build, and test a simple website from student project content, design preferences, accessibility requirements, and success criteria, then prepare it for review before publishing.

    Intermediate
    1h

    Use Sites to scope, build, and test a simple website from student project content, design preferences, accessibility requirements, and success criteria, then prepare it for review before publishing.

    Intermediate
    1h

    Best for

    • Students turning a club, portfolio, class, or community idea into a working site.
    • Projects with existing content, examples, and accessibility requirements.
    • First versions that need tested interactions and a review checklist.

    Skills & Plugins

    • Sites
      Build, preview, test, and publish a student project website.
    Skill Why use it
    Sites Build, preview, test, and publish a student project website.

    Starter prompt

    Use @sites to build a simple working website for [project and audience]. Use the content, data, images, examples, design preferences, accessibility requirements, and success criteria in this folder. Start with a short scope and build plan. Then: - build a focused first version - test the main navigation and interactions - check responsive layout and accessibility - list missing content or decisions - prepare a publication checklist Show me the reviewed version before publishing or sharing it.
    Use @sites to build a simple working website for [project and audience]. Use the content, data, images, examples, design preferences, accessibility requirements, and success criteria in this folder. Start with a short scope and build plan. Then: - build a focused first version - test the main navigation and interactions - check responsive layout and accessibility - list missing content or decisions - prepare a publication checklist Show me the reviewed version before publishing or sharing it.

    Scope one useful first version

    Start with the audience, the main job the site should support, and the source material you already have. Add examples, design preferences, accessibility requirements, and clear success criteria.

    Keep the initial scope small enough to build and test in one pass.

    Build and inspect the site

    Use the starter prompt in Sites to:

    • organize the supplied content
    • establish a simple information structure
    • build the core pages and interactions
    • use responsive layouts
    • check keyboard access, labels, and contrast
    • test the primary path with representative content

    Review the local preview before publishing. Check that text, images, links, forms, and data come from approved sources.

    Prepare to share

    Ask ChatGPT for a publication checklist covering missing content, permissions, privacy, accessibility, and final testing. If the site collects submissions, confirm where the data goes and who can access it.

    Publish only after the project owner or relevant instructor approves the reviewed version.

    Related use cases