duo-design
UI patterns from the Duolingo design system — juicy motion, the character system as the emotional channel, design tokens (color/type/spacing), sound as a UX surface, accessibility as a default not a checklist, and "error-as-delight" detailing. Use when the user is designing a screen for a gamified or learning product, reviewing a design for "why does this feel flat," picking a motion system, building a character mascot, or auditing for accessibility. This skill owns design *rationale*; pixel craft (easing values, contrast ratios, component props) routes to the design-engineering skill.
- Version
- 1.0.0
- License
- MIT
Pinned to revision 78072c9528fb, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/duo-design/SKILL.md
- skills/duo-design/references/accessibility-default.md
- skills/duo-design/references/bottom-bar-navigation.md
- skills/duo-design/references/capability-labels.md
- skills/duo-design/references/celebration-design.md
- skills/duo-design/references/character-system.md
- skills/duo-design/references/color-tokens.md
- skills/duo-design/references/consistency-vs-purpose.md
- skills/duo-design/references/craft-pass-guardrail.md
- skills/duo-design/references/design-for-many-ship-one.md
- skills/duo-design/references/error-as-delight.md
- skills/duo-design/references/juicy-motion.md
- skills/duo-design/references/label-the-hard-thing.md
- skills/duo-design/references/progress-bars.md
- skills/duo-design/references/prototype-the-extremes.md
- skills/duo-design/references/required-path-not-optional-branch.md
- skills/duo-design/references/sound-as-ux.md
- skills/duo-design/references/type-system.md
Every link opens the file at its source, pinned to the revision this page describes.