Skip to content
AI Building

Build an Atrium app with AI

One minimised file with everything an AI tool needs: how to work, the hard rules, the full app contract and the design system. Upload it to any LLM, then describe your app.

ATRIUM-AI-BUILD.mdMarkdown
  1. Upload the file to ChatGPT, Claude, Cursor or any AI tool (or paste its contents).
  2. Describe the app you want in plain English.
  3. Let the AI ask you for the API key when it needs one.
View the file
Auto

About

Accessibility

View .md

What every Atrium screen must get right for keyboard, screen reader and low-vision users.

The components pass WCAG 2.2 AA when used as shown. The checks below are what reviewers look for.

Check How
Contrast Use the colour tokens; every text pair is 4.5:1 or more
Labels Every input has a visible label linked with for / id
Errors Message beside the field, aria-invalid and aria-describedby
Keyboard Everything works with Tab, Enter, Space and Escape
Focus The 3px focus outline is never removed
Colour Status is always said in words, not only shown in colour
Motion Spinners and skeletons stop when reduced motion is on
Structure One h1, headings in order, real buttons and links