Contract Sight

Inspiration

Contracts are written in dense legal language that hides important risks and obligations. Most small businesses and individuals can’t afford legal review for every document. We wanted to build something that empowers anyone to understand legal clauses instantly — with the help of Chrome AI APIs and clean UX.

What it does

ContractSight is a Chrome extension that: Lets users highlight text in any contract or webpage. Analyzes the clause using Chrome AI API and LLMs. Returns a plain English explanation of what the clause means. Assigns a risk level (Low, Medium, High). Suggests redlines or safer rewordings. Allows users to save, export, or view analyses in a personal dashboard. This framework helps quantify risk beyond subjective interpretation.

How we built it

We built ContractSight using: React + TypeScript + Vite for the Chrome extension UI. Tailwind CSS + Framer Motion for styling and animations. Chrome AI APIs (Generative AI) for clause interpretation and summarization. Local Storage + JSON Export for saving user analyses. Context menu and popup integration for quick access.

Our build system used Vite to generate a Manifest V3 compliant extension with a service worker (background.ts), content scripts, and React-based popup/dashboard components.

Challenges we ran into

Chrome AI APIs are very new, so documentation was sparse. Integrating React with Manifest V3 service workers required a lot of trial and error. Managing context-script and popup communication was tricky. Ensuring offline fallback when AI API calls fail. Testing the extension in both dev and build modes with live content.

Accomplishments that we're proud of

A fully functional Chrome extension built end-to-end in less than a week. Integrated AI analysis, UI, and storage seamlessly. Designed a clean and minimal interface with clear risk visualization. Successfully processed and explained complex legal text using the Chrome AI API.

What we learned

How to work with Chrome Manifest V3 and AI APIs. The importance of UX clarity when showing AI-generated legal insights. Practical experience integrating AI reasoning directly in browser environments. Building production-ready tools with Vite + TypeScript + React.

What’s next for ContractSight

Add support for document upload (PDF, DOCX). Build a server-side knowledge model to detect more nuanced risk factors. Integrate team collaboration features for legal and procurement teams. Launch on Chrome Web Store for public availability.

Built With

• chrome
• framer-motion
• local-storage-api
• manifest-v3
• react
• tailwindcss
• typescript
• vite