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.
Scanned 9/11/2026
Install to Claude Code
Skills Directorynpx -y skills add oaknational/oak-open-curriculum-ecosystem --skill oak-design-system-usage --agent claude-codeInstalls 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 automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/oaknational-oak-design-system-usage)More formats (shields.io, HTML) on the badges page.
---
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`.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
