Knowledge RAG
Submit principleDesign Knowledge Base
Community-maintained principles reviewed before publication and retrieved as Agent design constraints.
3 published principles / 192 in library
Interaction Responsive Motionmotion / scroll
Scroll Story Chapter Contract
The basic unit of scrollytelling is not an animation frame but a readable chapter: each chapter needs a question, text anchor, visual state, static fallback, and verifiable scroll behavior.
Scroll storytelling should break complex mechanisms into evidence chapters users can pause on, skip, and return to; motion connects chapters and states but should not become the only content layer.95%Interaction Responsive Motionmotion / reduced-motionMotion Accessibility and Performance Triage
Before shipping motion, classify purpose, trigger, disable path, performance properties, and verification evidence instead of accepting it because it looks smooth.
Good motion explains change; bad motion adds burden. Triage turns every animation into an explainable, reducible, testable, cleanup-safe interface behavior.95%Interaction Responsive Motionloading / performancePerceived Performance and Loading Structure
Loading states should preserve layout skeletons so users know what will appear, instead of showing only a spinner.
Stable skeletons reduce waiting anxiety and avoid layout shift when content appears.82%