canvas-design-mcp 0.9.0

package/CLAUDE.md

@@ -0,0 +1,200 @@
+# Canvas Design Studio — Claude Code Instructions
+
+## Project Purpose
+
+This project is a **Canvas LMS HTML Design Studio** — a tool for generating, previewing, and managing rich HTML page templates for Canvas LMS courses.
+
+The reference knowledge base in `docs/canvas-design-kb/` contains everything needed to generate valid, well-designed Canvas HTML. **Always consult it before generating any Canvas HTML.**
+
+---
+
+## How to Use the Knowledge Base
+
+The KB is in `docs/canvas-design-kb/`. Key files to read before doing Canvas-related work:
+
+| Need | File to read |
+|---|---|
+| What CSS is allowed | `docs/canvas-design-kb/01-canvas-rce/HTML-Allowlist.md` |
+| Canvas's built-in classes (grid, borders) | `docs/canvas-design-kb/01-canvas-rce/Canvas-Built-In-CSS-Classes.md` |
+| What gets stripped by Canvas | `docs/canvas-design-kb/01-canvas-rce/RCE-Limitations-and-Workarounds.md` |
+| Design tokens (colors, type, spacing) | `docs/canvas-design-kb/02-design-md/DESIGN-MD-Canvas-Template.md` |
+| Ready-to-use HTML components | `docs/canvas-design-kb/03-design-systems/Component-Library.md` |
+| Full home page template | `docs/canvas-design-kb/05-patterns/Course-Home-Page.md` |
+| Accessibility rules | `docs/canvas-design-kb/06-accessibility/Accessibility-Overview.md` |
+
+---
+
+## Hard Rules for Canvas HTML Generation
+
+These are non-negotiable constraints sourced from the Canvas RCE sanitizer. Violating them produces broken output.
+
+1. **No `<style>` blocks** — all CSS must be inline `style=""` attributes
+2. **No `<script>` tags** — no JavaScript
+3. **No `box-shadow`** — stripped by Canvas
+4. **No `filter`, `transform`, `transition`, `animation`, `opacity`** — all stripped
+5. **No `gap`** in flex/grid — use `margin` on children OR use Canvas's built-in grid classes
+6. **No `<h1>`** in body HTML — Canvas uses H1 for the page title; start at H2
+7. **No `@font-face` or `@import`** — use `Lato, sans-serif`
+8. **No event attributes** (`onclick`, `onload`, etc.)
+9. `border-radius` **IS** allowed — use freely
+10. `display: flex` and `display: grid` **ARE** allowed as shorthand
+
+---
+
+## Canvas Built-In CSS Classes (Use These for Layouts)
+
+These classes come from Canvas's own stylesheet — no admin access needed:
+
+```html
+<!-- Responsive 2-column layout (stacks on mobile automatically) -->
+<div class="content-box">
+  <div class="grid-row">
+    <div class="col-xs-12 col-md-6">Left column</div>
+    <div class="col-xs-12 col-md-6">Right column</div>
+  </div>
+</div>
+
+<!-- Bordered rounded box -->
+<div class="border border-trbl border-round" style="padding: 16px;">
+  Content
+</div>
+
+<!-- Professional data table -->
+<table class="ic-Table ic-Table--hover-row" style="width: 100%;">...</table>
+```
+
+---
+
+## Design Tokens
+
+From `docs/canvas-design-kb/02-design-md/DESIGN-MD-Canvas-Template.md`:
+
+```
+Primary:        #0033A0  (BSU blue — hero banners, active nav, primary buttons)
+Primary-dark:   #002277  (footer bars, hover states)
+Primary-light:  #E6ECF9  (callout backgrounds, light tints)
+Neutral:        #F4F3EF  (page background, nav bar background)
+Neutral-dark:   #e0e0d8  (card borders)
+Text-primary:   #1A1A1A  (body text)
+Text-secondary: #555550  (muted text)
+White:          #ffffff  (card backgrounds)
+
+Info:    bg #E6F1FB / text+border #185FA5
+Success: bg #EAF3DE / text+border #3B6D11
+Warning: bg #FAEEDA / text+border #854F0B
+Danger:  bg #FCEBEB / text+border #A32D2D
+
+Border-radius: sm=4px  md=8px  lg=10px  xl=14px  pill=20px
+Spacing:       xs=4px  sm=8px  md=16px  lg=24px  xl=48px
+Font:          Lato, sans-serif
+```
+
+---
+
+## Project Structure
+
+```
+canvas-design-studio/
+├── CLAUDE.md                    ← This file (loaded every session)
+├── DESIGN.md                    ← Canvas design system spec (for AI agent use)
+├── docs/
+│   └── canvas-design-kb/        ← Full reference KB (23 Markdown files)
+│       ├── README.md            ← KB map of content
+│       ├── 01-canvas-rce/       ← RCE constraints and workarounds
+│       ├── 02-design-md/        ← DESIGN.md spec and templates
+│       ├── 03-design-systems/   ← Component library and design principles
+│       ├── 04-tools/            ← Theme Editor, external Canvas design references
+│       ├── 05-patterns/         ← Full page templates
+│       ├── 06-accessibility/    ← WCAG 2.1 AA reference
+│       └── 07-resources/        ← External links and showcases
+├── src/
+│   └── templates/               ← Generated HTML templates live here
+└── output/                      ← Final Canvas-ready HTML files
+```
+
+---
+
+## Workflow for Generating Canvas HTML
+
+1. Read the relevant KB file(s) for the page type
+2. Apply design tokens from `DESIGN.md` or the KB template
+3. Generate HTML using only allowed tags and CSS properties
+4. Use `content-box` + `grid-row` + `col-*` classes for multi-column layouts
+5. Verify: no `<style>` blocks, no `<script>`, no disallowed CSS properties
+6. Check heading hierarchy (H2 → H3 → H4, never H1)
+7. Verify every `<img>` has an `alt=""` attribute
+8. Save output to `src/templates/` or `output/`
+
+---
+
+## KB Update Policy
+
+When Canvas changes its HTML allowlist:
+1. Update the relevant file in `docs/canvas-design-kb/`
+2. Add an entry to `docs/canvas-design-kb/00-meta/Changelog.md`
+3. If the change affects `CLAUDE.md` (e.g., a new allowed/disallowed property), update it here too
+
+---
+
+## Ingest Workflow (Primary Entry Point for Professors)
+
+When a professor wants to generate a Canvas page, they fill in the `ingest/` folder and give you a single prompt. **Always check `ingest/` before starting any page generation.**
+
+### Ingest Folder
+
+```
+ingest/
+├── course-config.md      ← REQUIRED: course number, name, professor, semester
+├── assignment-brief.md   ← REQUIRED: raw assignment instructions (any format)
+└── style-notes.md        ← OPTIONAL: layout, tone, hero image, extra sections
+```
+
+### How to Process an Ingest Request
+
+When asked to "build a page from ingest/" or similar:
+
+1. Read `ingest/course-config.md` — scan every field for unfilled placeholders (anything in `[brackets]` or left blank after the colon)
+   - If any required fields are unfilled (Institution, Professor, Course Number, Course Name, Assignment Number, Semester): ask the professor for all missing values in a single message — do not ask one at a time
+   - Once you have the answers, write them into `ingest/course-config.md` before proceeding
+   - Optional fields (Page Title, Tone) can remain blank — use project defaults
+2. Read `ingest/assignment-brief.md` — this is the raw source content; rewrite it into polished, student-friendly copy
+3. Read `ingest/style-notes.md` — apply any layout or tone preferences; use project defaults for anything left blank
+4. Read the relevant KB file(s) for the page type
+5. Generate the HTML using all Canvas hard rules and design tokens
+6. Save to `output/[course-number]-[assignment-number]-page.html`
+7. Report: what was built, the output filename, and the hero image prompt if one is needed
+
+### The Prompt Professors Use
+
+> "Read everything in `ingest/`, then generate a Canvas assignment page using the design system in this project. Save it to `output/`."
+
+That's it. Everything else is derived from the ingest files and this CLAUDE.md.
+
+### Hero Image
+
+If `style-notes.md` requests a hero image (or if it's blank and the assignment warrants one), generate a ChatGPT image prompt tailored to the assignment topic and tell the professor:
+- The prompt to use
+- The required size (1200×400px)
+- That they replace `HERO_IMAGE_URL` in the output file with the hosted image URL
+
+---
+
+## Common Tasks
+
+**"Build a page from ingest/"** *(most common)*
+→ Read all three files in `ingest/`, then follow the Ingest Workflow section above.
+
+**"Generate a course home page"**
+→ Read `docs/canvas-design-kb/05-patterns/Course-Home-Page.md`, then generate with actual course content.
+
+**"Add a callout box"**
+→ Read `docs/canvas-design-kb/03-design-systems/Component-Library.md` section 3.
+
+**"Make a two-column layout"**
+→ Use `content-box` + `grid-row` + `col-xs-12 col-md-6` (Canvas built-in classes, no admin needed).
+
+**"Check if a CSS property is allowed"**
+→ Read `docs/canvas-design-kb/01-canvas-rce/HTML-Allowlist.md`.
+
+**"Update the design system colors"**
+→ Edit `DESIGN.md` and update the Design Tokens section above in this file.

package/DESIGN.md

@@ -0,0 +1,288 @@
+---
+name: Canvas Course Design System
+version: "1.0"
+target: Canvas LMS Rich Content Editor
+colors:
+  primary: "#0033A0"
+  primary-dark: "#002277"
+  primary-light: "#E6ECF9"
+  secondary: "#D64309"
+  secondary-light: "#faeeda"
+  neutral: "#F4F3EF"
+  neutral-dark: "#e0e0d8"
+  text-primary: "#1A1A1A"
+  text-secondary: "#555550"
+  text-muted: "#888780"
+  white: "#ffffff"
+  info-bg: "#E6F1FB"
+  info-border: "#185FA5"
+  info-text: "#0C447C"
+  success-bg: "#EAF3DE"
+  success-border: "#3B6D11"
+  success-text: "#27500A"
+  warning-bg: "#FAEEDA"
+  warning-border: "#854F0B"
+  warning-text: "#633806"
+  danger-bg: "#FCEBEB"
+  danger-border: "#A32D2D"
+  danger-text: "#791F1F"
+typography:
+  h2:
+    fontFamily: Lato, sans-serif
+    fontSize: 1.75rem
+    fontWeight: "600"
+    lineHeight: "1.2"
+  h3:
+    fontFamily: Lato, sans-serif
+    fontSize: 1.375rem
+    fontWeight: "600"
+    lineHeight: "1.2"
+  h4:
+    fontFamily: Lato, sans-serif
+    fontSize: 1.125rem
+    fontWeight: "600"
+  body:
+    fontFamily: Lato, sans-serif
+    fontSize: 1rem
+    lineHeight: "1.65"
+    fontWeight: "400"
+  small:
+    fontFamily: Lato, sans-serif
+    fontSize: 0.875rem
+  label:
+    fontFamily: Lato, sans-serif
+    fontSize: 0.6875rem
+    fontWeight: "600"
+    letterSpacing: "0.08em"
+    textTransform: uppercase
+rounded:
+  sm: 4px
+  md: 8px
+  lg: 10px
+  xl: 14px
+  pill: 20px
+spacing:
+  xs: 4px
+  sm: 8px
+  md: 16px
+  lg: 24px
+  xl: 48px
+components:
+  card:
+    backgroundColor: "{colors.white}"
+    border: "1px solid {colors.neutral-dark}"
+    borderRadius: "{rounded.lg}"
+    padding: "{spacing.lg} 20px"
+  hero-banner:
+    background: "linear-gradient(135deg, {colors.primary-dark} 0%, {colors.primary} 60%, #1A5BCC 100%)"
+    color: "{colors.white}"
+    borderRadius: "{rounded.xl}"
+    padding: "48px"
+  callout-info:
+    backgroundColor: "{colors.info-bg}"
+    borderLeft: "3px solid {colors.info-border}"
+    borderRadius: "0 {rounded.md} {rounded.md} 0"
+    padding: "14px 18px"
+    labelColor: "{colors.info-text}"
+    textColor: "{colors.info-border}"
+  callout-success:
+    backgroundColor: "{colors.success-bg}"
+    borderLeft: "3px solid {colors.success-border}"
+    borderRadius: "0 {rounded.md} {rounded.md} 0"
+    padding: "14px 18px"
+    labelColor: "{colors.success-text}"
+    textColor: "{colors.success-border}"
+  callout-warning:
+    backgroundColor: "{colors.warning-bg}"
+    borderLeft: "3px solid {colors.warning-border}"
+    borderRadius: "0 {rounded.md} {rounded.md} 0"
+    padding: "14px 18px"
+    labelColor: "{colors.warning-text}"
+    textColor: "{colors.warning-border}"
+  callout-danger:
+    backgroundColor: "{colors.danger-bg}"
+    borderLeft: "3px solid {colors.danger-border}"
+    borderRadius: "0 {rounded.md} {rounded.md} 0"
+    padding: "14px 18px"
+    labelColor: "{colors.danger-text}"
+    textColor: "{colors.danger-border}"
+  button-primary:
+    backgroundColor: "{colors.primary}"
+    color: "{colors.white}"
+    borderRadius: "{rounded.md}"
+    padding: "10px 22px"
+    fontWeight: "600"
+    fontSize: 0.875rem
+    textDecoration: none
+    display: inline-block
+  button-ghost:
+    border: "1.5px solid rgba(255,255,255,0.5)"
+    color: "{colors.white}"
+    borderRadius: "{rounded.md}"
+    padding: "9px 22px"
+    fontWeight: "500"
+    fontSize: 0.875rem
+    textDecoration: none
+    display: inline-block
+  button-outline:
+    border: "1.5px solid {colors.primary}"
+    color: "{colors.primary}"
+    borderRadius: "{rounded.md}"
+    padding: "9px 22px"
+    fontWeight: "500"
+    fontSize: 0.875rem
+    textDecoration: none
+    display: inline-block
+  pill-success:
+    backgroundColor: "{colors.success-bg}"
+    color: "{colors.success-border}"
+    borderRadius: "{rounded.pill}"
+    padding: "3px 10px"
+    fontSize: 0.6875rem
+    fontWeight: "600"
+  pill-info:
+    backgroundColor: "{colors.info-bg}"
+    color: "{colors.info-border}"
+    borderRadius: "{rounded.pill}"
+    padding: "3px 10px"
+    fontSize: 0.6875rem
+    fontWeight: "600"
+  pill-warning:
+    backgroundColor: "{colors.warning-bg}"
+    color: "{colors.warning-border}"
+    borderRadius: "{rounded.pill}"
+    padding: "3px 10px"
+    fontSize: 0.6875rem
+    fontWeight: "600"
+  pill-danger:
+    backgroundColor: "{colors.danger-bg}"
+    color: "{colors.danger-border}"
+    borderRadius: "{rounded.pill}"
+    padding: "3px 10px"
+    fontSize: 0.6875rem
+    fontWeight: "600"
+  footer-bar:
+    backgroundColor: "{colors.primary-dark}"
+    borderRadius: "{rounded.lg}"
+    padding: "20px 28px"
+    color: "rgba(255,255,255,0.75)"
+    linkColor: "#7BA7E0"
+  week-row-complete:
+    borderColor: "{colors.neutral-dark}"
+    stripColor: "{colors.primary}"
+  week-row-current:
+    borderColor: "{colors.primary}"
+    borderWidth: "2px"
+    stripColor: "{colors.primary}"
+  week-row-upcoming:
+    borderColor: "{colors.neutral-dark}"
+    stripColor: "#b4b2a9"
+---
+
+## Overview
+
+Professional academic design for active learners in business and technology programs. Clean, modern, and content-forward. The visual language reduces cognitive load through consistent component patterns across all course pages.
+
+Tone: structured but human. Not cold corporate, not casual chaotic. Think "thoughtful faculty who cares about the student experience." The design should feel like a well-run tech company's internal learning platform — not a textbook, not a startup's marketing page.
+
+## Colors
+
+The palette is anchored by BSU's institutional blue (primary) with warm neutral backgrounds and semantic accent colors.
+
+- **Primary (#0033A0):** BSU blue. Hero banners, section labels, active nav states, left-border callout accents, primary CTA buttons, and the week-row color strip. Contrast on white: 7.2:1 (passes WCAG AA).
+- **Primary-dark (#002277):** Footer bars, hover states, text on primary-light backgrounds.
+- **Primary-light (#E6ECF9):** Light blue tint for info/tip callout backgrounds.
+- **Neutral (#F4F3EF):** Warm off-white page background. All cards sit on this.
+- **White (#ffffff):** Card fill. Provides contrast against the neutral page background.
+- **Text-primary (#1A1A1A):** Near-black body text. Softer than pure black on screens.
+- **Semantic pairs:** Info (blue), success (green), warning (amber), danger (red). Always used as a light background + darker text/border pair. Never swap the pair.
+
+**Canvas constraint:** `box-shadow` is not allowed in the RCE. Depth is achieved through background contrast (white card on neutral page) and border outlines only.
+
+## Typography
+
+Canvas LMS at Boise State loads Lato via the institutional theme. Always declare `Lato, sans-serif` as the font stack.
+
+**Canvas constraint:** `<h1>` is reserved for the page title. All content headings start at `<h2>`. Heading hierarchy: H2 → H3 → H4. Never skip levels.
+
+**Minimum body font size:** 14px. Never go smaller in generated content.
+
+## Layout
+
+Canvas page content renders inside a ~860px max-width content area on desktop. Plan for ~680px effective content width in constrained contexts (e.g., sidebar-open views).
+
+**Mobile is real.** Students frequently access Canvas on phones. All layouts must be functional in a single column. Preferred approach: use Canvas's built-in `content-box` + `grid-row` + `col-xs-12 col-md-*` classes, which handle breakpoints automatically.
+
+**Column limits:** 1 column default; 2 for complementary pairs; 3 for card grids; never 4+ on layouts that need to work on phones.
+
+**Spacing rhythm:** 24px between major sections. 16px internal padding. 8px for compact contexts.
+
+## Elevation & Depth
+
+No `box-shadow` in Canvas RCE. Depth through:
+- **Background contrast:** White (#ffffff) cards on neutral (#F4F3EF) background
+- **Border:** 1px solid #e0e0d8 outlines on cards
+- **Color fill:** Hero banners use full primary gradient for top-of-page visual weight
+- **Left-border accent:** 3–4px solid semantic color on callout left edge
+
+## Shapes
+
+- Cards: `border-radius: 10px`
+- Hero banners: `border-radius: 14px`
+- Buttons: `border-radius: 8px`
+- Pills/tags: `border-radius: 20px`
+- Callout left-border style: `border-radius: 0 8px 8px 0`
+- Images: `border-radius: 8px`
+
+## Components
+
+**card:** White bg, 1px neutral border, 10px radius, 18–20px padding. Use for module features, resource items, activity descriptions.
+
+**hero-banner:** Full-width primary gradient background, white text, 48px vertical padding, 14px radius. Use for course home page and module landing pages only. Never use for mid-page sections.
+
+**callout boxes:** 3px left border + light semantic background + 0 radius on left, 8px on right. Always include a `<strong>` label as the first child. Four variants: info, success, warning, danger.
+
+**week-row:** Full-width card with colored left strip (a narrow div with primary background). Three states: complete (muted green strip + complete pill), current (highlighted border + danger pill), upcoming (gray strip + warning pill).
+
+**pill labels:** 11px uppercase, semantic color pair. Do not use for body content — only for status and category tagging.
+
+**footer-bar:** Dark primary-dark (#002277) background, full width, 12px radius, flex layout for text + link.
+
+**navigation bar:** Horizontal flex row of anchor links. Active state: primary background + white text. Inactive: neutral background + dark text. Pill-radius on all buttons.
+
+## Agents
+
+**Hard constraints for Canvas RCE — these are non-negotiable. Violating them produces broken output:**
+
+1. No `<style>` blocks — all CSS must be `style=""` inline attributes
+2. No `<script>` tags — no JavaScript of any kind
+3. No `box-shadow` — stripped by Canvas sanitizer
+4. No `filter`, `transform`, `transition`, `animation`, `opacity` — all stripped
+5. No `gap` in flex/grid — use `margin` on children OR use Canvas built-in grid classes
+6. No `<h1>` in body HTML — Canvas uses H1 for the page title
+7. No `@font-face` or `@import` — declare `Lato, sans-serif` and nothing else
+8. No event attributes (`onclick`, `onload`, `onmouseover`, etc.) — all stripped
+9. All external image URLs must use `https://`
+10. `border-radius` IS allowed — use it on all cards, buttons, and pills
+
+**Preferred layout approach:**
+- Multi-column layouts → Canvas built-in `content-box` + `grid-row` + `col-xs-12 col-md-*` classes
+- These handle mobile breakpoints automatically — no media query workarounds needed
+
+**Generation checklist (run mentally before outputting any Canvas HTML):**
+- [ ] No `<style>` block anywhere in the output
+- [ ] No `<script>` tag anywhere in the output
+- [ ] No disallowed CSS properties in any `style=""` attribute
+- [ ] All headings start at H2 or lower
+- [ ] Every `<img>` has an `alt=""` attribute
+- [ ] All links have descriptive text (no "click here")
+- [ ] Color contrast verified: text on colored backgrounds must meet 4.5:1
+- [ ] Flex/grid uses margin instead of gap (or uses Canvas built-in classes)
+- [ ] Content wrapped in a max-width div if it's a full page
+
+**Course-specific context:**
+- Institution: Boise State University
+- Primary courses: ITM 310 (Business Intelligence), ITM 370 (AI Augmented Projects), BusApp 105
+- Student audience: Business/IT undergraduate and graduate students
+- Canvas theme: Loads Lato font at institutional level
+- External add-ons: not required; pages must work as Canvas-safe HTML in the standard editor

package/PROFESSOR-INSTRUCTIONS.txt

@@ -0,0 +1,131 @@
+============================================================
+  CANVAS DESIGN STUDIO — Professor Quick Start Guide
+  Boise State University
+============================================================
+
+This tool generates polished, branded Canvas assignment pages
+using AI. You provide your assignment content; it handles the
+design, formatting, and Canvas compatibility.
+
+------------------------------------------------------------
+WHAT YOU NEED
+------------------------------------------------------------
+
+1. Claude Code (free at claude.ai/code)
+   Install it, sign in with your Anthropic or Google account.
+
+2. This project folder (canvas-design-studio/)
+   Open it in Claude Code as your working directory.
+
+That's it. No coding required.
+
+------------------------------------------------------------
+STEP 1 — ADD YOUR ASSIGNMENT CONTENT
+------------------------------------------------------------
+
+Open this file and paste your raw assignment instructions:
+
+   ingest/assignment-brief.md
+
+You can paste anything — Word doc text, bullet points, an
+old Canvas page, rough notes. Don't worry about formatting.
+Claude will clean it up.
+
+------------------------------------------------------------
+STEP 2 — RUN THIS PROMPT (copy and paste it exactly)
+------------------------------------------------------------
+
+   Read everything in ingest/, then generate a Canvas
+   assignment page using the design system in this project.
+   Save it to output/.
+
+Claude will notice if your course details are missing and
+ask you for them in one message. Just reply with:
+
+   Professor: [Your Name]
+   Course Number: [e.g., BusApp 105]
+   Course Name: [e.g., Business Applications]
+   Assignment Number: [e.g., 3.2]
+   Semester: [e.g., Fall 2026]
+
+It will fill those in automatically and then build the page.
+
+------------------------------------------------------------
+STEP 3 — GET YOUR HERO IMAGE (optional but recommended)
+------------------------------------------------------------
+
+After building, Claude will give you a prompt to use in
+ChatGPT (chatgpt.com) to generate a banner image.
+
+In ChatGPT:
+1. Start a new chat
+2. Click the image icon (or say "generate an image")
+3. Paste the prompt Claude gives you
+4. Download the image
+5. Upload it to your Canvas course Files tab
+6. Copy the file URL from Canvas
+
+Then tell Claude:
+
+   My hero image URL is: [paste URL here]
+
+It will drop it into your page automatically.
+
+If you skip the image, the page still looks great —
+the banner will show as a solid BSU blue gradient.
+
+------------------------------------------------------------
+STEP 4 — PASTE INTO CANVAS
+------------------------------------------------------------
+
+Your finished page is saved as a .html file in:
+
+   output/
+
+To put it in Canvas:
+
+1. Go to your Canvas course
+2. Create a new Page (or open an existing one)
+3. In the editor toolbar, click the HTML icon < >
+   (it may say "HTML Editor" or show angle brackets)
+4. Select all the existing content and delete it
+5. Paste your entire .html file contents
+6. Click Save
+
+Preview it — it should look exactly like the mockup.
+
+------------------------------------------------------------
+STEP 5 — REUSE FOR ANOTHER ASSIGNMENT
+------------------------------------------------------------
+
+Clear the ingest folder and start fresh:
+
+1. Delete (or overwrite) ingest/assignment-brief.md
+2. Run the same prompt again
+
+Claude will ask for your course details again if needed,
+or reuse them from the previous run if they're still in
+ingest/course-config.md.
+
+------------------------------------------------------------
+TIPS
+------------------------------------------------------------
+
+- You can ask Claude to adjust anything after it builds:
+  "Make the overview section shorter."
+  "Add a grading rubric section."
+  "Change the tone to be more casual."
+
+- To update your course colors (if BSU changes brand colors):
+  "Update the primary color to #XXXXXX in DESIGN.md and CLAUDE.md."
+
+- If something looks wrong in Canvas, tell Claude:
+  "The two columns aren't stacking on mobile. Fix it."
+
+------------------------------------------------------------
+QUESTIONS?
+------------------------------------------------------------
+
+Contact: kevinrank@boisestate.edu
+
+============================================================