Skip to content

docs(agents): add LLM-usage instructions inside ui-kit - #84

Closed
bryceosterhaus wants to merge 1 commit into
mainfrom
cursor/add-llm-usage-instructions-4b4f
Closed

bryceosterhaus wants to merge 1 commit into
mainfrom
cursor/add-llm-usage-instructions-4b4f

Conversation

@bryceosterhaus

Copy link
Copy Markdown
Member

Summary

Resolves IDX-281Add LLM-usage instructions inside ui-kit (project: Make agents use our frontend components).

Adds an AGENTS.md at the repo root with instructions for AI coding agents (Cursor, Claude Code, etc.) so they generate frontend code that uses our components and matches the design — the KR 2.5 goal.

What's in AGENTS.md

  • What this is — clarifies the shadcn copy-in model (components are copied source, not an npm import), the player comps #1 source of agent confusion.
  • The golden rule — prefer ElevenLabs UI components over hand-rolling audio/agent/conversational UI.
  • Install commands@elevenlabs/cli + shadcn CLI variants, prerequisites.
  • Component inventory — the ElevenLabs-native audio/agentic components (orb, waveform, live-waveform, conversation, message, response, conversation-bar, voice-button, voice-picker, mic-selector, transcript-viewer, speech-input, audio-player, scrub-bar, bar-visualizer, matrix, shimmering-text) with key props/notes, plus the standard shadcn primitives, blocks, and hooks.
  • ElevenLabs SDKs — when to use @elevenlabs/react vs @elevenlabs/elevenlabs-js vs @elevenlabs/client.
  • Import conventions@/components/ui/*, "use client", cn, and the reminder to check the user's components.json aliases.
  • Styling & design system — Tailwind v4 (CSS-first), oklch semantic tokens, dark mode (.dark), themes (.theme-*), radius scale, animations, lucide icons.
  • Patterns to follow — voice chat (start from voice-chat-01), streaming responses (<Response>/streamdown), message lists, orb audio reactivity.
  • Contributing in this repo — where components/docs/registry live, pnpm build:registry, commit conventions.
  • Quick reference & gotchas — common tasks plus traps (ConversationProvider requirement, Three.js weight, hardcoded colors, etc.).

Other changes

  • Added a short "Building with AI agents" section to README.md linking to AGENTS.md for discoverability.

Verification

  • Cross-checked every component name, dependency, registry dependency, and hook against apps/www/registry.json and the source in apps/www/registry/elevenlabs-ui/.
  • Verified CLI commands, scripts (pnpm dev, pnpm build:registry), and design-system details (Tailwind v4, oklch tokens, themes) against apps/www/styles/globals.css, apps/www/components.json, and the existing docs.
  • No code changes; docs only — no build/test impact.

Notes

The instructions are deliberately framework-agnostic enough to help any agent consuming the kit, while also covering contribution workflow for agents working inside this repo.

Linear Issue: IDX-281

Open in Web Open in Cursor 

Add AGENTS.md with instructions for AI coding agents working in or with
the ElevenLabs UI registry: component inventory (audio/agentic + shadcn
primitives + blocks + hooks), install commands, import conventions,
Tailwind v4 / oklch design system and theming, ElevenLabs SDK usage
(@elevenlabs/react, @elevenlabs/elevenlabs-js), recommended patterns
for voice chat / streaming responses / message lists, and contributing
workflow. Link to it from the README so agents and contributors discover it.

Resolves IDX-281.

Co-authored-by: Bryce Osterhaus <bryceosterhaus@gmail.com>
@vercel

vercel Bot commented Sep 10, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ui Ready Ready Preview Sep 10, 2026 6:24am UTC

Request Review

@bryceosterhaus

Copy link
Copy Markdown
Member Author

not meant for this repo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants