What you get
- One offline HTML file, or the same pages as components in your project
- Home, experience, one page per role, education, skills and tools, projects with filters, case studies, references and contact
- A one-page CV that prints cleanly
- A validator that catches broken routes, missing alt text and leftover sample names
- Optional PopNow photos or a cut-out portrait sticker, quoted first
Good for
- Designers and makers applying for jobs
- Students and graduates who want a CV with personality
- Freelancers who want case studies on a warm personal site
Not for
- Formal fields where a plain one-column CV is expected
- Developers who want a dark, code-first portfolio
- Sites that need a blog or a shop
How to use it
In Claude or ChatGPT
Use the PopNow skill "Scrapbook Portfolio Website" (scrapbook-resume-website) for this: Make my resume site. I'm Lina Okoro, a packaging designer in Lisbon with three jobs and four projects; my notes are in cv.md.
In a coding agent
/popnow-scrapbook-resume-website Make my resume site. I'm Lina Okoro, a packaging designer in Lisbon with three jobs and four projects; my notes are in cv.md.
Then try
Cut me out of me.jpg and put me on the badge like a sticker. Quote it first.
Drop the references page and add a page for my illustration work.
What to have ready
- Your roles, dates and what changed in each job
- Three or four projects with real facts and photos if you have them
- A portrait and a candid photo of yourself
- Quotes from colleagues, with their permission
Similar skills
View all →3D Avatar Maker
+3Build a cute soft-toy 3D character in your browser and save it as a transparent PNG or a 3D page.
Calendar Heatmap
+3A year of daily activity as a shaded calendar grid, with streaks, totals and keyboard access.
AI SaaS Landing Page
+3Warm sand paper, hairline rails and hatched gutters around a live kanban board where an assistant plans tasks.
Animated Hero Section
+3A landing-page hero with a gently rotating headline word, two buttons and a wide image frame.
Shader Hero Agency Website
+3A live orange-heat shader hero behind a bottom-pinned statement, pill nav and a staggered case-study grid.
Dark SaaS Landing Page
+3A dark, motion-rich marketing site for a software product, delivered as one self-contained HTML file.
Designer Portfolio Website
+3Six tilted cards hover round a fading headline on calm grey, one red portrait card, editorial case studies.
Developer Portfolio Website
+3A dark personal site for engineers with case studies, writing, talks, a résumé and a contact form.
Editorial SaaS Website
+3Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
Glassmorphism Website Template
+3Frosted glass pills on a near-black film, a huge serif headline with one italic word and an email capture.
Hardware Product Website
+3Huge hairline model names on silver studio shots, frosted spec cards, a to-scale lineup and a hardware bento.
Interactive Architecture Diagram
+3An offline, clickable system diagram built from a checked JSON model, with the evidence behind each box.
Interactive Grid Hero
+3A dark grid of fine strands that bends toward the cursor and rolls a glowing ring out from every click.
Knowledge Graph Explorer
+3Turn project notes into an offline, searchable graph where every claim links back to its source line.
KPI Dashboard Template
+3Four KPI tiles with change chips over a glowing line chart, a breakdown table and target bars on warm paper.
Landing Page from AI Mockups
+3See three full-page designs first, pick one, and your agent builds it as clean, responsive code.
Magazine Website Template
+3A print-quality magazine site with articles, topics, a small shop and subscriptions, as one HTML file.
Particle Animation Hero
+3Copy on warm paper beside a turning sphere of ink and teal dots that reshapes per idea and scatters on scroll.
Personal Brand Website
+3A portrait feathered into warm paper under a thin bracket, with light-and-bold statements on either side.
Cinematic Product Launch Page
+3Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
Admin Dashboard Template
+3A working back-office console with charts, tables, kanban and calendar, built as one offline HTML file.
SaaS Landing Page Template
+3A calm, light marketing site for a software product with a working product console, pricing and sign-up.
Sneaker Store Website Template
+3A complete footwear or apparel shop with catalog, product pages, bag and demo checkout in one HTML file.
Workflow Automation Landing Page
+3Graphite page, small left-aligned headline, and a live node graph below that runs, retries and streams logs.
Questions
Will recruiters be able to read it?
Yes. The paper look is drawn with HTML and CSS, so every word is real text that can be selected, searched and printed, and there is a plain one-page CV route for printing or saving as PDF.
Do I need PopNow to use it?
No. The site works with your own photos or with the bundled stand-in images. PopNow is optional for project photos, workplace scenes, a restyled portrait or a cut-out portrait sticker, each quoted in credits before it runs.
Can it generate a photo of me?
It will not invent your face. It can restyle a photo you supply, with your consent, to match the site's warm daylight look, or cut you out of it so you sit on the paper like a sticker.
What if I only have two jobs and no references?
Counts flex. The skill removes unused role pages and the references page together with every link to them, and rewrites any copy that states a number.