Structure first
Ava Scriptwell starts with named sections, readable copy, and UI pieces that explain their purpose before style is added.
Ava Scriptwell sample solution
Learning checkpoint board
A browser-runnable example of Ava Scriptwell's step-by-step teaching UI: turn a new concept into tiny visible wins.
Reusable tokens
The palette and spacing live in custom properties so the design can change without rewriting every selector.
Small behavior loop
Interactions use clear data, one render target, and plain event listeners that are easy to debug.
Interactive pattern
Choose Ava Scriptwell's next move.
Pick a step to see how this character turns a request into a working solution.