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
First-party `aura-glass/icons/*` entrypoints for core UI
Forms and validation
react-hook-form only when a form recipe or component uses it
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 hosted runtime
Provider keys and service configuration only for optional backend routes

#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