Sketchnote Pricing
+6Scrapbook Resume Sitev1.0.2
Use this Skill to build website page.
Rising
5.054 downloads2 likes1 saves
Free
A multi-page online resume in a scrapbook style: a lanyard ID badge, a taped contact card, a torn notepaper intro, a cobalt marquee ribbon and a clipboard of sticky-note roles on cream paper. It includes Home, Experience with three role stories, Education, Skills and Tools, Projects with four case pages, Kind words, Contact and a printable one-page CV. By default it is one self-contained file that opens offline. Ideal for designers and job seekers who want a CV that feels handmade rather than templated.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A 16-route example for the fictional Tessa Marlowe: home, experience with three role pages, education, skills and tools, projects with four case pages, kind words, contact, a CV and a 404.
- Paper objects drawn in the page so text stays selectable: badge, clipboard, ribbon, sticky notes, tape and instant-photo frames, with photos from one warm daylight art direction.
- Project filters and sort, tool tabs, FAQ, copy-email buttons, a validated contact form and a printable CV, with three typefaces embedded in one offline file.
Good fit
- Visual, brand and packaging designers who want a resume site that feels handmade.
- Job seekers who need role stories, project case pages and a printable CV in one place.
- Students, writers or developers who can map coursework, publications or case studies onto the same pages.
Not for
- Formal corporate CVs where tape, sticky notes and handwriting would feel out of place.
- Brands that use purple, violet or lavender; the palette is cream, cobalt, yellow highlighter and three pastel notes.
- Receiving messages out of the box: the contact form confirms in the page until you connect a backend.
Brand IdentityDigital Publications & Web PagesBuild Website PageBuild Resume PageStyle-lockedEditable OutputLanyard BadgeCobalt HighlighterCream PaperScrapbook CollageSticky Notes
About this Skill
Turn your roles, projects and a few kind words into a resume site that reads like a well-kept desk: a lanyard ID badge, a taped contact card, torn notepaper, a cobalt ribbon and sticky notes on cream paper. The worked example is the fictional visual designer Tessa Marlowe, with 16 connected routes, including a printable one-page CV. The default result is one self-contained file that opens offline in any browser.
What you get
- Home with badge, contact card, notepaper intro, ribbon, a clipboard of education, skills, tools and sticky-note roles, projects and kind words
- Role pages with a workplace photo, facts card, story and highlights, and project pages with brief, idea, palette, making steps and results
- Project filters, tool tabs, FAQ, copy-email buttons, a validated contact form and a printable one-page CV
- Bricolage Grotesque, Caveat and IBM Plex Mono embedded in the file, so nothing loads from the network
How to use it
- Share your name, title, city, availability, two to four roles, three or four projects and any kind words.
- Your agent fills every page in your voice, sets your portrait in the badge and generates matching workplace and project photos.
- Open every page on desktop and phone, print the CV, try the filters and form, then ask for changes.
Your own photos cost nothing extra; generated photos may incur your image tool's usage charges.
What you need before you start
- You bring
- Name, role title, city, availability date, three one-word traits and a short bio · Two to four roles and three or four projects, each with dates, story and results · Contact details you are happy to publish, a portrait and any kind words with permission
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · Optional: an image generation tool in your agent for workplace and project photos
- Outside costs
- Generating workplace, project or desk photos with your agent's image tool may incur that tool's usage charges. Your own photos cost nothing extra.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…