A draft of the resumes index built on DSCollectionLayout — a pure layout shell shared with applications and target roles. The layout owns the page chrome (title with count, actions, filters, view tabs); the inner content — cards here, kanban columns for applications, table rows for targets — is slotted in. The shared shell keeps the page rhythm consistent while every collection chooses its own data shape.
Title with count, primary + secondary actions, search and status chips, sort, then a responsive card grid.
Cards take ResumeCardData (src/types/resume.ts) verbatim — name, target role + company, description, latestAtsScore, isPublished, updatedAt, plus the previews { work, education, skills } and counts the production query already returns. Drop the production resumes list onto this view without remapping.
Tailored versions for the roles you're chasing. Draft new ones from a posting, tweak old ones in place, or duplicate a winner and run it again.
Senior Product Designer @ Acme Robotics
Tailored for the operator console redesign brief
Staff Frontend Engineer @ Northbeam
Round 1 prep — keep front-end focus
UX Lead @ Lumen Labs
Stress-tested against the field-research role
Director of Design @ Sequoia
Principal Engineer @ Atlas Health
Tailored last week against the platform JD
Brand Designer @ Foundry Type
Senior Cartographer @ Polaris Maps
Tailored 3 weeks ago against the GIS team
Editorial Director @ Quill & Press
The same DSCollectionLayout shell, two different inner content shapes. The chrome stays consistent; the data layout adapts.
Same layout shell. Inside, a horizontal kanban of stages instead of a card grid. Filters narrow by stage; the actions slot adds a 'Compare offers' button alongside the primary action.
Every role you've applied to, grouped by where it stands in the funnel.
Same shell. Inside, a denser table-style row layout: role name, count of companies, salary band, match score, and a small action set. Suits the way targets read at a glance.
Roles you're pursuing — define the target, then build resumes and track applications for each.
A quick read on what travels with the layout vs what each page brings.
DSCollectionLayout owns the editorial chrome; consumers own the inside.