Say what, where, and how far out

The AI panel's local engine reads your words with this vocabulary — no LLM involved. Name the thing, then where it goes: a section titled Billing with the Kaira logo in the header and a close button slightly outside the top right corner. In the chat, ? kebab looks a word up, help positions lists where things can go, and the Terms button opens a picker.

Try these 10

Whole prompts that use the vocabulary below. Click one to put it in the chat.

Positions 13

Where a placed item sits on its host. One-word positions count after a preposition: “at the top”, “on the left”.

Offsets 8

How far from that point: inside, straddling the edge, slightly outside, or fully outside.

Header & footer 2

Put an item in the header band or the footer instead of a corner.

Developer spellings 10

Paste the CSS, utility classes or framework props you'd write — they are read as positions.

Sizes 3

For the placed item, said right before it: “a small close button”.

Things you place 18

UI elements with a default spot and look. Add a position to move them.

Brand logos 144

A brand's own mark: say “<brand> logo”. Marks from Simple Icons (CC0 data); each stays its owner's trademark.

Icon packs 5

Redraw every icon from a company's open-source icon set: “make it fluent”, “in material style”.

Icons 363

363 line icons. Any of the words beside one draws it.

Brands 181

A product name lends its colour and a fitting icon (and its logo, when there is one).

Styles 18

How an icon, section or card is painted.

Colours 60

Palette names — or any #hex.

Shapes 42

Geometric shapes, with counts, sides, directions and labels.

Notations 17

Diagram building blocks: cards, notes, callouts, steps, timelines…

Kinds of drawing 6

What to ask for — the words that pick the kind.

Canvas commands 19

Canvas mode changes what's already drawn (Auto does too, when you name things on the canvas). Name elements by their words (“Validation Agent”), their kind (“the decision box”, “the red box”) or say “it” for the selection.

Canvas: where things go 9

Where “move”, “put” and “add” place an element next to another. Before, after and between also connect what's added into the flow.

Canvas: connector styles 19

Say these with “connect … to …”, or “make the arrow between A and B …”.

Licences

Brand logos — geometry from Simple Icons 16.35.0 (the collection is CC0; some marks carry their own licence, noted on each). Every logo stays a trademark of its owner — follow the owner's brand guidelines. Brands that asked Simple Icons to remove their marks (Microsoft, AWS, IBM, Oracle, Salesforce, OpenAI, Slack, Adobe…) are drawn with their colour and a generic icon instead.
Fluent UI System Icons — Microsoft, MIT licence. github.com/microsoft/fluentui-system-icons
Material Symbols — Google, Apache-2.0. github.com/google/material-design-icons
Carbon icons — IBM, Apache-2.0. github.com/carbon-design-system/carbon
Octicons — GitHub, MIT licence. github.com/primer/octicons
Kaira — the mark here is a placeholder drawn for this lexicon, not the official logo; replace its geometry in AiKnowledge/marks.json.
Everything else — the line icons, shapes, notations and positions — is this project's own, in AiKnowledge/lexicon.json.