@dotgui/embed →
Pipkin - What should Wren explore first?
A claymorphism onboarding step for a preschool early-learning app where a parent picks focus topics for their child before continuing setup.
Inside this file
Pipkin - What should Wren explore first? is a single .gui file — plain-text markup plus its assets in one container. Everything needed to render it is declared in the source, so a renderer or an AI agent can read the structure directly, no screenshots required.
- Fonts
- Fredoka, SF Pro Display
- Colors
- 15 tokens
- Machine-readable
- Markdown · raw source
What is a .gui file?
.gui is an open file format for user interfaces — one plain-text file describing a screen's layout, roles, colors and copy. It is built to be read by both humans and AI agents: no proprietary binary, no screenshots to interpret.
Preview any file here, read its source, or download it and render it with the .gui toolchain.
Quality score
Measured by the .gui kit's CCAC model — local, deterministic and zero-AI, like a validator rather than a design critic. Each dimension is scored 0–100.
