Build well-branded, accessible (WCAG 2.2 AA), themable interfaces and assets with the Oak Open Curriculum Design System — production surfaces or throwaway prototypes, mocks, decks, and worksheets. Use whenever composing UI, documents, or teaching artefacts from the system's tokens, component class library, compiled React components, templates, fonts, icons, or brand voice.
Installs into .claude/skills of the current project.
Are you the author of Oak Design System Usage?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/oaknational-oak-design-system-usage)
---
name: oak-design-system-usage
description: Build well-branded, accessible (WCAG 2.2 AA), themable interfaces and assets with the Oak Open Curriculum Design System — production surfaces or throwaway prototypes, mocks, decks, and worksheets. Use whenever composing UI, documents, or teaching artefacts from the system's tokens, component class library, compiled React components, templates, fonts, icons, or brand voice.
---
# Design System Usage (Cross-tool)
Read and follow `.agent/skills/domain-craft/ui-design/design-system-usage/SKILL-CANONICAL.md`.
