Adom UI Design System

@@ -15,6 +15,8 @@ description: >-   native browser, show app in pup, webview vs pup, native browser auth, logged out testing, ui click. --- +Parent skill: **adom-ui-design**+ # AI-driven apps  This is the loop the whole Adom UI system is designed around. The AI is both the builder and the

@@ -13,6 +13,8 @@ description: >-   scroll container, min-height 0, minmax 0 1fr, canvas wont fill, page scrolls, sticky header layout. --- +Parent skill: **adom-ui-design**+ # The app shell  The shell is the frame every Adom app shares: a header at the top, content that fills the rest, and

@@ -14,6 +14,8 @@ description: >-   when I click the path, outside workspace, /tmp not revealable. --- +Parent skill: **adom-ui-design**+ # Clickable paths  Whenever an Adom app shows a file or folder path in any UI surface (a HUD label, a toast, a tooltip,

@@ -12,6 +12,8 @@ description: >-   floating toolbar, drag handle, collapse panel, minimize panel, show hide toolbar, z-index hud. --- +Parent skill: **adom-ui-design**+ # Floating windows and HUDs  A HUD is a draggable window that floats over the main content and holds a cluster of tools: an

@@ -13,6 +13,8 @@ description: >-   coarse, tap to reveal, long press, safe area, soft keyboard, desktop vs mobile, container query. --- +Parent skill: **adom-ui-design**+ # Responsive and touch  The same Adom app should feel native on a 32 inch monitor and on a phone. This is part of treating

@@ -13,6 +13,8 @@ description: >-   show a toast, undo toast, success message, error toast, ai narration, file downloaded toast. --- +Parent skill: **adom-ui-design**+ # Toasts  A toast is a short, non-blocking message that appears, says what just happened, and goes away. It is

@@ -14,6 +14,8 @@ description: >-   explain this control, tooltip covers cursor, tooltip not showing, title attribute, ::after tooltip. --- +Parent skill: **adom-ui-design**+ # Tooltips  A tooltip is how a control explains itself. Done well it is the single highest-leverage usability