Resumify

The seamless process of uploading a resume, receiving AI insights, and exporting an optimized SVG to the Adobe canvas

Inspiration

Many job seekers struggle to create resumes that are both visually professional and technically optimized for Applicant Tracking Systems (ATS). We wanted to bridge this gap by bringing intelligent resume optimization directly into the Adobe Express ecosystem. The goal was to empower users to build resumes that stand out to human recruiters while ensuring they pass automated keyword filters.

What it does

Resumify is an Adobe Express Add-on that analyzes and enhances resumes in real-time.

Analysis & Optimization: Users upload a PDF or paste text to receive an ATS score, identify missing keywords, and get tailored suggestions.
Content Generation: It generates optimized bullet points, LinkedIn headlines, and custom cover letters based on specific job roles and industries.
Live Template Preview: The tool renders a professional two-column SVG resume preview that users can export directly to their Adobe Express canvas.
Variants: It provides 2–3 editable text variants for quick comparison with easy "Copy to Clipboard" functionality.

How we built it

The project uses a high-performance architecture tailored for the Adobe environment:

Frontend: Built with React and TypeScript, utilizing Spectrum Web Components and the Adobe Express Add-on SDK.
Backend: A Node.js and Express server handles API routing, multipart PDF processing, and CORS management for the iframe context.
Core Logic: We developed a custom SVG renderer (ResumeTemplate.tsx) for professional layouts and a client-side ATS optimizer for keyword extraction.
Supporting Services: The architecture integrates a backend health endpoint and environment-driven configurations for scalability.

Challenges we ran into

Iframe Sandboxing: Managing file downloads and clipboard access within the sandboxed Adobe Express environment required creative solutions, such as implementing a PNG Preview with a "New Tab" fallback.
Accurate Parsing: Ensuring consistent text extraction from diverse PDF formats required robust handling of multipart data on the backend.
Security: Configuring the Express server to communicate securely with the Adobe Add-on environment while adhering to strict security protocols.

Accomplishments that we're proud of

Real-time SVG Rendering: Developing a dynamic, two-column SVG engine that updates instantly as users refine their content.
Seamless Workflow: Successfully building a complete "Input-to-Canvas" flow that turns raw text into a design-ready asset.
Actionable Insights: Creating a logic-based scoring system that provides concrete, professional feedback beyond simple summaries.

What we learned

We gained deep experience with the Adobe Express Add-on SDK and the technicalities of building high-security web integrations. We also deepened our understanding of ATS algorithms, keyword density requirements, and the nuances of programmatically generating professional document layouts using SVG.

What's next for Resumify

Full AI Integration: Transitioning from mocked responses to live OpenAI API integration for deeper, more nuanced resume parsing and rewriting.
Template Expansion: Adding a library of specialized layouts for different industries, such as creative portfolios or technical engineering roles.
Advanced Heuristics: Enhancing our section detection logic to better identify and reorganize complex, non-standard resume formats.

Technical Details

Built with

React, TypeScript, Node.js, Express, Adobe Express Add-on SDK, Spectrum Web Components, Python, PyQt6, MediaPipe, OpenCV, FastAPI, Pydantic, Mapbox, Groq, YOLOv8, Ultralytics, Briefcase, MongoDB, Supabase, Webpack, SVG.