[Q] Resume

Free Resume Builder

Choose a layout in the top widget, tune colors in the palette strip below it, switch between Resume and Upload Resume in the two-tab workspace, edit blocks inline, resize sections by dragging their sides, and export a cleaner PDF directly in the browser.

Layout-first builder The top carousel is for real layout changes. Colors now live in the palette strip and full color editor, so the gallery stops wasting space on duplicate cards.
Layout slider

Pick the structural format first. The current palette and your custom colors preview across every layout card so you can evaluate shape, rhythm, iconography, and SVG ornament systems before you commit.

50 layouts · 10 palettes · 500 combinations
Palette strip
Five colors per build: primary, secondary, accent, paper, and ink. Choose a preset here, then fine-tune every color in the dock editor below.
Tutorial

Generate your JSON

Use the exact structure below, then bring that JSON back into this editor. The prompt includes your requested instruction about the PDF plus web, Google, and LinkedIn checks.

Guide
+ prompt

  1. Step 1 · Generate resume JSON

    Copy the prompt above, paste it into ChatGPT, and upload your existing resume PDF. Plain text resumes also work. The prompt tells ChatGPT to use this structure, your file, and any public web context you ask it to check.

  2. Step 2 · Paste JSON here

    Paste the returned JSON into the editor pane in the middle column, or upload a .json file. The preview updates live once the JSON is valid.

  3. Step 3 · Photo, layout, palette

    Upload a profile photo, pick a layout from the top slider, then choose a palette preset or adjust the five color pickers. Theme 1 stays close to your real blue resume, but with a cleaner white-to-gray page fade.

  4. Step 4 · Edit, move, resize

    Double-click any text to edit it inline. Drag the move buttons to reorder sections and items. Right-click any block to open the custom style menu. Drag block sides to change width and height live.

  5. Step 5 · Export PDF

    Use Download PDF when the preview looks right. This build exports from an off-screen print surface and shifts the page content right so the left edge is less likely to clip.

personName, headline, email, website, phone, and location for the hero contact block.
aboutShort positioning summary. This is the opening paragraph on most layouts.
skillsNamed skill groups with optional ratings and item arrays. Ratings drive progress bars when a layout supports them.
work_experienceRoles, companies, dates, summaries, bullet details, technologies, and optional client lists.
projects / educationStandalone project cards and academic entries with date ranges and details.
achievements / hobbies_interestsShort tags or bullets that can sit in sidebars, clouds, or card stacks depending on layout.
Resume source

JSON + photo editor

Paste JSON, upload a file, or drop it here. The old website bug is fixed, so the public site displays as nicklz.com.

Inline
edit +
drag
Ready. Paste JSON, upload a file, or edit the sample.
Drop a .json file here, or edit live. Double-click text to edit, right-click blocks for style controls, and drag block sides to resize.
Photo: initials fallback
Layout 1 / 10 · Palette 1 / 10
Palette + block styling

Color editor

These five pickers drive the active build. Right-click any block for local background, font, width, radius, and size controls.

5-color
palette +
box styles
Layout-aware SVG ornaments, icon chips, and page treatments update with the current palette. Palette edits are stored per theme combination.
Right-click menuEdit the nearest block, change its background or text color, adjust width, height, radius, and font, or reset that block back to theme defaults.
Resize behaviorBlocks show a resize affordance in edit mode. Drag their sides or corners to change size. Resized values persist while you keep editing this layout.
Palette modelPrimary, secondary, accent, paper, and ink are explicit. Supporting shades for sidebars, chips, and gradients are derived automatically from those five.
Live GUI editor + full-width preview

Legacy Ribbon · Azure

Double-click text to edit it inline. Drag move handles to reorder sections. Right-click any block for the custom style menu, and drag block sides to resize.