Documentation menu · AI Agents
GEO

Install AuraGlass With an Agent

Exact install and import steps an AI coding agent should use for AuraGlass.

#Agent Install Steps

The agent should install the core package first, then add the stylesheet import in the framework root. It should not scatter CSS imports across generated component files because that makes future cleanup harder.

After the install, the agent should render one simple component and run a local check. If the app is Next.js, run `next build` or the project build script. If the app is Vite, run the project typecheck/build script.

bash
npm install aura-glass

import 'aura-glass/styles';

#Optional Peers for Agents

Optional peers are feature costs. Agents should list why a peer was added. For example, chart peers are justified by `GlassDataChart`; Three.js peers are justified by 3D or spatial components; realtime peers are justified by collaboration surfaces.

If the task only asks for cards, buttons, or a dashboard shell, do not install chart, 3D, AI, or realtime peers unless the generated code actually imports that family.

Core controls and surfaces
react, react-dom, aura-glass/styles
Motion-rich components
framer-motion if the selected component imports motion primitives
Icons and command surfaces
lucide-react
Forms and Radix-backed controls
@radix-ui/react-* and react-hook-form as documented per component
Charts and analytics
chart.js and react-chartjs-2
3D and spatial effects
three, @react-three/fiber, @react-three/drei from aura-glass/three
AI and server services
openai or service-specific environment configuration

#Bad vs Good Install Output

Bad output says “installed AuraGlass” without naming files or checks. Good output names the changed root layout, the component file, the added dependencies, and the verification result.

This matters because most setup failures are not visible in a text answer. The reviewer needs concrete files and commands to inspect.

Bad
Added AuraGlass and used it in the UI
Good
Added `aura-glass` to package.json, imported styles in `app/layout.tsx`, used `GlassCard` in `BillingPanel.tsx`, and `npm run build` passed