Playful Devtool UI

Create interfaces that feel capable, information-rich, and human. Combine precise developer-tool ergonomics with restrained editorial character; do not copy a reference brand literally.

Load the references

• Read references/style-guide.md for every design, restyle, implementation, or audit task.
• Also read references/prompts.md when the user wants a reusable prompt, a design-tool handoff, or a prompt for another model.

Choose the mode

Design

Use for a new website, dashboard, directory, documentation surface, or component.