Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

4 published principles / 192 in library

Frontend Implementationloading / skeleton

Loading Skeleton Progress Contract

Loading states should choose skeletons, inline loading, spinners, progress bars, or stage feedback based on duration, scope, and measurability, backed by a frontend state machine for accessibility, stability, and recovery.

The goal of loading feedback is not to decorate waiting; it tells users whether the system responded, what region is changing, whether they can still act, whether wait time is knowable, and how recovery works after failure. Different wait scenarios require different feedback modes.

90%Design Systems Page Patternsai / generation

AI Generation Progress Pattern

AI Generation Progress Pattern turns a frequent interface judgment into an executable constraint before generation.

AI generation needs to show what the system is doing, what users can still do, and how to recover after failure.88%Design Systems Page Patternsonboarding / setup

Progressive Onboarding Setup

Progressive Onboarding Setup turns a frequent interface judgment into an executable constraint before generation.

Onboarding should not ask for everything at once; it should get users to a usable result quickly.85%Interaction Responsive Motionwizard / progress

Wizard Stepper Progress

Wizard Stepper Progress turns a frequent interface judgment into an executable constraint before generation.

Wizards need to show current position, remaining work, reversibility, and save state.85%