TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Implementation and maintenance

Readiness and known gaps

Make incomplete contracts easy for a product team to find before it relies on this system.

On this page

Readiness register

Readiness register
AreaCurrent evidenceNext action
Dark appearanceCommented-out theme override onlyImplement/audit actual dark source before adding screenshots
Course actionsNo actionItems in available owner coursesCapture populated controls later with actual authored actions
Checklist accessibilityVisual native buttonsAdd names and state semantics; verify keyboard/screen reader
Saving failureSaveButton lacks finally; auto-save logs errorsExpose recoverable error and clear busy state
Feedback acknowledgementThanks shown without checking statusInspect response and preserve draft on failure
SortingPointer-oriented parent setupVerify or implement equivalent keyboard/non-drag operations
Content tabsOrdinary buttons and rendered HTMLSelection semantics and sanitation contract
ProgressNamed card progress; unguarded onboarding totalAdd missing semantics/guards and verify announcements
Integration/upload/paymentUI/source boundaries onlySeparate authorized end-to-end validation
ReviewsSource documented, no reviewer data capturedUse consented real evidence before applied examples
Portable libraryApp-coupled source componentsExplicit packaging/API/versioning work if extraction is desired

Use boundary

This is a detailed source-grounded design reference and a reusable portfolio documentation template. It is not a WCAG certification, tested checkout contract, Figma kit or independent library release. Proposed improvements remain labeled as gaps until implemented and verified in source.

Reference downloads

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