SpyBara
Go Premium

use-cases/build-student-website.md 2026-07-08 02:01 UTC to 2026-07-14 17:03 UTC

This page contains 70 additions and 0 deletions.

2026
Tue 14 17:03 Tue 28 23:01

name: Build a student website tagline: Turn an idea and source material into a tested first version. summary: 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. skills:

  • token: sites description: Build, preview, test, and publish a student project website. bestFor:

  • 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. starterPrompt: title: Build a Student Project Website body: >- 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. suggestedEffort: medium relatedLinks:

  • label: Sites documentation url: /codex/sites

  • label: Sites showcase url: /showcase/sites


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.