Thanks for helping improve the reference library for AI agent UI patterns. Contributions that match the product intent and design system are especially welcome.
- New interaction patterns aligned with agentic-ux.com specs
- Fixes to pattern demos, accessibility, and copy-paste snippets
- Documentation improvements
- Site shell polish that stays true to the brand (see
design.md)
Requires Node.js 20+ and pnpm.
pnpm install
pnpm dev # start the dev server
pnpm lint # eslint
pnpm build # type-check + production build
pnpm preview # preview the production build- Create
src/patterns/MyPattern.tsxwith a*Democomponent and exported*Codestring. - Register the pattern in
src/lib/patterns.ts. - Keep the copied snippet self-contained — inline styles, no Tailwind in exported code.
- Respect
prefers-reduced-motionwith meaningful fallbacks. - Link back to the relevant agentic-ux spec.
See the README for the full project structure.
- One pattern or focused change per PR.
- Run
pnpm lintandpnpm buildbefore opening. - Include a screenshot or short screen recording for visible UI changes.
- Note any accessibility considerations (keyboard, focus, contrast, reduced motion).
Use short, imperative subject lines: Add streaming caret pattern, Fix focus trap in context panel.
This project follows the Contributor Covenant. By participating, you agree to uphold it.