Design Engineer

github

Design Engineer with a background in computer science and design. With a decade of frontend engineering experience, I now focus on crafting digital products that balance technical precision with design clarity.

Inzimam Ul Haq • Design Engineer

InspirationEvery time we apply for a job, fill out a form, or respond to a detailed question online, we end up retyping the same information again and again. Resumes, bios, medical histories, or even simple sign-ups, each site asks for the same details in slightly different ways. The process is slow, error-prone, and exhausting.While existing autofill tools can handle basic fields like names or addresses, they fail when the question becomes subjective like “Which project challenged you the most?” or “Describe your approach to teamwork.” These require context, tone, and understanding.That’s where Prida (Private Data Agent) was born, a Chrome extension that combines on-device AI and personal context to fill, rewrite, and proofread intelligently while keeping all your data private.What it doesPrida brings the power of Chrome’s built-in Gemini Nano AI directly into your browser to make online writing and form-filling smarter, faster, and more personal.It understands both what the page is asking and who you are by drawing from your saved profiles. Whether you’re applying for a job, filling a medical form, or posting on social media, Prida adapts its answers to your chosen context.Here’s how it helps: - AI-Powered Auto-Fill: Recognizes input labels and page context, then suggests accurate answers based on your selected profile. - Text Rewriting: Improves your writing clarity and tone using the Gemini Nano Rewriter API. - Proofreading: Fixes grammar, punctuation, and spelling mistakes instantly — all offline. - Profile Management: Lets you create separate profiles (e.g., Job, Health, Social) so you stay organized and in control. - Privacy-First Architecture: All processing happens locally via Chrome’s on-device AI. No cloud storage. No data leaks.In short, PrIDA makes online interaction smarter without compromising privacy or performance.How we built itPrida was built using React, TypeScript, and Tailwind CSS, with Vite powering the development workflow. The extension’s logic revolves around three main systems:Auto-Fill Engine:A content script scans pages for all editable fields including rich text editors and injects a small AI icon next to them. Once clicked, it extracts the label and nearby text, retrieves relevant context from the user’s selected profile, and generates an answer using Chrome’s on-device LanguageModel API.Rewriting &amp; Proofreading System:Right-click menus allow users to rewrite or proofread selected text. Both features rely on Chrome’s Gemini Nano Rewriter and Proofreader APIs, enabling real-time results without sending any data online.Local Profile Storage:User data and profiles are stored securely in IndexedDB. Each website domain can be linked to a preferred profile for example, a “Job Application” profile for LinkedIn and a “Social Media” profile for Twitter.Everything from prompt creation to data management happens locally, ensuring both privacy and speed.What's next for PridaPrIDA redefines how people interact with the web. It’s not just about saving time, it’s about giving users control over their personal data while still benefiting from AI assistance. By running entirely on-device, PrIDA proves that powerful, context-aware automation doesn’t need to compromise privacy.In the future, I plan to expand Prida with: - Image-to-Text Context Extraction using multimodal capabilities. - Smart Learning Profiles that grow richer with usage. - Voice and gesture input for hands-free use cases.The ultimate goal is to make Prida your trusted form assistant!