atmOS UI
@atmos/ui is the component package for atmOS product surfaces and MCP Apps. Its root export contains the complete base component catalog.
MCP Apps
An extension imports components from the normal package entry:
import { Button, Command, Dialog, DialogContent, Table } from '@atmos/ui'
MCP-specific host integration is available from a subpath of the same package:
import { useAtmosMcpApp } from '@atmos.build/ui/mcp-app'
The build configuration and stylesheet use their own subpaths:
import { atmosMcpAppViteConfig } from '@atmos.build/ui/mcp-app/vite'
@import '@atmos.build/ui/mcp-app/styles.css';
@source './**/*.{ts,tsx}';
The stylesheet scans the complete component catalog, so any component exported by @atmos.build/ui receives its normal Tailwind styles without maintaining a second MCP-specific allowlist.
Inside this repository, extension UI packages resolve @atmos/ui through the pnpm workspace. External extensions install an exact public npm version during authoring:
npm install --save-exact @atmos.build/ui react@19 react-dom@19
The compiled app-build/app.js and app-build/app.css are committed with the extension and inlined into its MCP App resource. Attaching or opening an extension therefore never installs packages or executes a package manager.