Agreement Agent Tools

Agreement Copilot is a demonstration of generative user interfaces using AI agents that build UIs and agreement workflows on demand.

Inspiration

Docusign is already integrated into business workflows and is the perfect vector for allowing agents to change how agreements are made and managed.

What it does

Demonstrates a real-world working example of how to make agreements feel less like a chore and more like something you can actually understand and control using AI agents that can call tools and render react components to string together workflows.

How we built it

I broke the project down into manageable stages and kept an extremely detailed devlog throughout. For each phase I created thorough instructions with clear deliverables and a report after completion with exactly what I accomplished. I referenced these repeatedly throughout the build to maintain context.

Approach

Traditional UIs are static and cluttered. This approach generates custom React components dynamically, tailored to the user's needs in real time. Instead of navigating menus or predefined processes, users simply describe what they need (e.g., "Send an NDA" or "Remind signers"), and the app builds the workflow step by step. Agents handle all the backend complexity—managing signers, deadlines, templates, and reminders—while keeping humans in control of critical decisions like signing.

This turns Docusign from a destination into an invisible layer. Admins could manage agreements using natural language, customers get tailored flows in web/mobile apps, all powered by Docusign without the traditional UI friction.

Challenges we ran into:

• figuring out the Docusign API ecosystem without relevant experience
• balancing technical details with the broader vision of making agreements intuitive
• implementing embedded signing in a Next.js app
  • generating a realistic set of demo documents that would reliably showcase AI-powered features
  • Docusign's APIs have some gaps in their documentation for modern web framework integration

Accomplishments that we're proud of

• i built this whole thing from scratch with zero formal training – just pure obsession and a willingness to learn whatever it takes. The fact that I even attempted something this complex, let alone pulled it off, still blows my mind
• taking on a massive technical challenge and actually making it work - not just in a demo, but a real tool that makes sense and solves real problems. The fact that I went from "I wonder if this could work" to "holy ****, it actually works" is something I'm genuinely proud of

Attestation

• all of this code is my own and written within the hackathon timespan, with the obvious exception of the libraries listed in my project's package.json file

What's next for Agreement Agent Tools

• expanding the toolkit to support more advanced use cases and integrations
• refining the agent workflows to make them even more intuitive
• potentially publish an npm package

Built With

• docusign-connect-webhook
• docusign-esignature-api
• mathjs
• navigator-api
• nextjs
• supabase
• vercel-ai-sdk