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
Move discovery metadata into package.json so the package layer is findable; drop duplicate hero from README body
3 files changed
+49−4
README.md−1@@ -2,7 +2,6 @@ How the AI builds and tests interfaces that people genuinely love to use. In Adom you do not hand-write an app and then click through it to check it. You ask the AI to build it, and the AI builds it, shows it to you, drives it over a live channel, watches the result, and fixes it, looping until the experience is right. This page is the standard that makes that loop land on something pleasurable: a UI that treats the person using it as the center of everything, and an app that is built from the first commit to be driven and observed. Color and typography are the final polish, maybe three percent of the work. The rest is interaction quality and drivability. - > **Why this page exists.** Two things are true in Adom that are not true elsewhere. First, good UI is not decoration, it is respect for the person on the other side of the screen. Second, the AI is the one building and driving the UI, so the app has to be controllable and observable end to end, or the AI cannot perfect it. This page teaches both: how to make an interface a pleasure to use, and how to build and test it the Adom way. If you only remember one thing: **build for the user first, make every action answer back, and make the whole app drivable so the AI can prove it.**
package.json+47−1@@ -1,6 +1,6 @@ { "slug": "adom-ui-design",- "version": "1.4.0",+ "version": "1.4.1", "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). One install drops the whole set of skill files onto your container.", "dependencies": {},@@ -31,5 +31,51 @@ "ux", "guidelines", "tokens"+ ],+ "discovery_triggers": [+ "ui design",+ "adom ui",+ "build an app ui",+ "tooltip",+ "tooltips",+ "app header",+ "toast",+ "floating panel",+ "hud",+ "responsive ui",+ "mobile ui",+ "viewport clamp",+ "dropdown",+ "popover",+ "design system",+ "clickable path",+ "reveal in vscode",+ "path link",+ "walkthrough",+ "toggle button",+ "master toggle"+ ],+ "discovery_pitch": "The Adom UI design system: how to build app UIs that are beautiful, self-explaining, responsive, and a joy for an AI to drive - headers, tooltips (viewport-clamped, ralph-tested), toasts, floating HUDs, touch.",+ "sample_prompts": [+ {+ "label": "make this app's UI follow the Adom desig",+ "prompt": "make this app's UI follow the Adom design system"+ },+ {+ "label": "add tooltips to these controls",+ "prompt": "add tooltips to these controls"+ },+ {+ "label": "why does my tooltip run off screen",+ "prompt": "why does my tooltip run off screen"+ },+ {+ "label": "build the app header",+ "prompt": "build the app header"+ },+ {+ "label": "make this UI responsive for mobile",+ "prompt": "make this UI responsive for mobile"+ } ] }
page.json+2−2@@ -1,6 +1,6 @@ { "slug": "adom-ui-design",- "version": "1.4.0",+ "version": "1.4.1", "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). One install drops the whole set of skill files onto your container.", "dependencies": {},@@ -91,4 +91,4 @@ ], "visibility": "public", "org": "adom"-}+}