Install Bridge UI agent guidelines and Cursor skills for React or Vue.
Bridge UI ships consumer AI resources with each framework package—guidelines, component docs for agents, and on-demand Cursor skills. Install them once so coding agents follow Bridge APIs instead of inventing markup.
Use the framework selector in the site header for React or Vue.
Install
After installing the adapter, run the package CLI:
npx bridge-ui-vue-ai install
npx bridge-ui-react-ai install
Bin: bridge-ui-vue-ai from @bridge-ui/vue.
Bin: bridge-ui-react-ai from @bridge-ui/react.
What gets installed
| Path | Role |
|---|---|
| AGENTS.md (project root) | Short stub auto-loaded by Cursor, Codex, and similar tools |
| CLAUDE.md | Symlink (or copy) to root AGENTS.md for Claude Code |
| llms.txt | Short package index some LLMs look for |
| .ai/AGENTS.md | Full agent guide |
| .ai/guidelines/, .ai/docs/ | Core guidelines plus component and adapter docs |
| .cursor/skills/bridge-ui-* | On-demand Agent Skills |
Skills
| Skill | Use when |
|---|---|
| bridge-ui-setup | Scaffolding Bridge, wiring the provider, theme, hosts, or adapters |
| bridge-ui-components | Picking and composing public components |
| bridge-ui-forms | Fields, controls, formDefaults, and form chrome |
| bridge-ui-overlays | Modal, Drawer, Dialog, Snackbar, and action hosts |
Skills point agents at the installed docs under .ai/docs/components/—prefer those copy-paste examples over inventing APIs.
Dual React + Vue
Install destinations collide (.ai/, llms.txt, skills, root stub). In apps that use both packages, run the AI install for one framework only.
You still only install the framework adapter for runtime—no separate @bridge-ui/core package is required. Types from core remain available as a transitive dependency when you need them.
Related
- Installation — adapter + theme + provider
- Default props — formDefaults and component defaults
- Dual apps — React and Vue in one product