skill
Adom UI Design System
Public Made by Adomby adom
How the AI builds and tests interfaces people love to use in Adom. Ships as one installable skill that bundles focused skills (tooltips, floating-windows, toasts, responsive-ui, app-shell, ai-driven-apps, clickable-paths).
← Commit history
1.40.0: 700 settled by experiment (hold width fixed, vary only layout); layout dominates width
2 files changed
+28−1
package.json+1−1@@ -1,6 +1,6 @@ { "slug": "adom-ui-design",- "version": "1.39.0",+ "version": "1.40.0", "type": "skill", "description": "The Adom UI Design System plus a bundle of focused UI skills (tooltips, floating-windows, toasts, responsive-ui, app-shell, ai-driven-apps, clickable-paths, dark-default, input-feedback, settings-layout). One install drops the whole set of skill files onto your container, plus shared icon assets (the settings cog) so every Adom app draws the same glyph.", "dependencies": {},
skills/newbie-panel/SKILL.md+27@@ -212,6 +212,33 @@ on the real surface. It also gives you an attributable answer: a width you measured through your own page in the user's ah is evidence, where a width you assumed is not. +### Why 700, settled by experiment++Three threads reasoned from correct arithmetic to three different answers, because every+comparison varied WIDTH and LAYOUT at the same time. nb settled it by holding the width fixed+and varying only the layout, forcing each with a style override:++| At 632px | panel inner | table | **phrase cell** | truncated |+|---|---|---|---|---|+| TWO columns | 548 | 344 | **247px** | 2 of 5 |+| ONE column | 548 | 548 | **426px** | 0 of 5 |++**Layout dominates width by an order of magnitude.** Collapsing buys +179px of phrase cell at+the same width, and every phrase fits including a 426px install string that truncates in every+two-column configuration measured below 1280px. For contrast across a 13px width change:+619px one column gives a 535px table; 632px two columns gives 344px.++So the collapse is not a concession, it is what makes the teaching text readable in the state+where users actually read it (rail open, browsing the dock).++**The deciding question for any future change to this number** is whether the LONGEST phrase+any app ships fits the two-column cell at 632px. If it does not for even one app, the number+stays where it is.++**And the methodological rule, which cost three threads several hours:** when comparing+layouts, HOLD THE WIDTH FIXED AND VARY ONLY THE LAYOUT. A comparison that changes both tells+you nothing, and it is very easy to present one to yourself as a contrast.+ ### The capture matrix Six frames, not four (nb's, and better than what this skill asked for):