TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Applied screens

Creator identity and lesson editing

The actual creator routes show how the same course is prepared and organized.

On this page

Capture context

Capture context
AreaEvidence
CourseCreate Your Own SaaS Product (for Creators)
Content24 actual lessons; original descriptions and ordering
AuthServer wrapper bypassed in disposable snapshot only; simulated owner session
MutationsAll API calls locally intercepted

How to inspect

  • Use the Desktop/Phone controls where both exist. TeachKit’s source appearance is light only.
  • Open an image for fit-to-view inspection, then Actual pixels or Open original for detail.
  • Component details and complete screens have separate filenames and recorded intrinsic dimensions.
  • Compare text, focus, menus and media against the source; do not treat a pictured state as proof of live persistence.

Examples from the app

Actual TeachKit UI with Thomas McGee’s course content. Session, progress and connection specimens are simulated; no student data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Creator Basic Info · Screen · Light · Desktop · 2880 × 2000 px
Creator Basic Info · Screen · Light · Desktop · Full Page · 2880 × 2120 px
Creator Video Lessons · Screen · Light · Desktop · 2880 × 2000 px
Creator Video Lessons · Screen · Light · Desktop · Full Page · 2880 × 4244 px
Creator Instructions · Screen · Light · Desktop · 2880 × 2000 px
Creator Instructions · Screen · Light · Desktop · Full Page · 2880 × 6826 px

Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1