Build your one-page Resume with AI in under 5 minutes

Build a print-optimized one-page resume / CV with serif-headers / sans-body typography, dated work experience, education, categorized skills, optional projects + languages — and a 'Save as PDF' button. Generated from a single prompt and ready to hand to a recruiter.

工作原理

步骤 1

描述您的想法

用纯文本提示描述您想要的内容。

步骤 2

AI 为您构建

FloopFloop 即时生成生产就绪的代码。

步骤 3

部署并上线

您的项目在几分钟内托管到专属子域名。

为什么选择 AI 构建而非雇佣开发者？

FloopFloop传统开发者
上线时间5 分钟以内2 至 8 周
费用低至 $0$5,000 - $50,000+
维护已包含持续外包费用

试试这些提示词

复制以下任意提示词，粘贴到 FloopFloop 即可开始构建。

Build a one-page resume for a senior backend engineer. Header has name + headline + 3-line summary + mailto/tel/website/github/linkedin links. Three jobs in Experience (10+ years total) with bulleted impact points, one university entry in Education, four skill categories (Languages, Infra, Practice, Tools), and two open-source projects in Selected Projects. Serif section titles, sans body, charcoal-on-bone palette. Print-friendly: @page A4 with 16mm margins, theme toggle hidden on the printed PDF.

Create an academic CV for a postdoc researcher. Replace Selected Projects with a Publications section (paper title, venue, year, optional DOI link). Add a Teaching section between Education and Skills listing courses taught and TA assignments. Keep the print-ready layout — saving as PDF should produce a recruiter-ready document without manual editing.

Design a designer's resume with a sidebar layout: profile photo + contact details on the left, scrollable Experience/Education/Skills column on the right. Sans-serif throughout (no serif) and a single accent colour for section dividers. Save-as-PDF still produces a clean single-column A4 by collapsing the sidebar into the main flow on print.

Build a print-only resume for a marketing manager. Optimized for paper — drop the theme toggle entirely. Header includes a one-line objective. Experience uses a date-on-left / role-on-right grid; bullets use the STAR framework (Situation, Task, Action, Result) with each bullet starting with an action verb. Skills section uses comma-separated text not chips, to maximize info per square inch.

常见问题

Does the resume actually print cleanly?
Yes — @page rules in globals.css set A4 dimensions with 16mm margins (recruiter-standard), force light-mode colours regardless of the visitor's screen theme, and use `break-inside: avoid` on every `.resume-entry` so a single job's bullet points don't get split across pages. The PrintButton + ThemeToggle floating chrome hides on print via `print:hidden`.
Where do I edit the content?
All resume data lives as `const` arrays at the top of `src/app/page.tsx.hbs` — HEADER, EXPERIENCE, EDUCATION, SKILLS, PROJECTS, LANGUAGES. Replace the seed values inline (or refine into the chat with your actual content) and the page rerenders. No DB, no API — the whole thing is a static document.
Can I save the page as a PDF?
Click the 'Print / PDF' button in the top-right (or hit ⌘P / Ctrl+P) — the browser's print dialog includes a 'Save as PDF' destination. The @page CSS rules + per-entry break-inside-avoid produce a recruiter-ready PDF without manual editing.
Is the dark mode for the printed PDF too?
No — @media print forces light-mode colours via `color-scheme: light !important` so the saved PDF is always black-on-white. Dark mode is screen-only for visitors who prefer it.
Can I add custom sections like Publications or Awards?
Yes. Each section is its own component in src/components/resume/ — copy ExperienceSection or EducationSection as a starting point, swap the field names, and drop the new component into page.tsx.hbs. The codegen agent can scaffold this in a refine prompt: 'add a Publications section between Education and Skills with paper title, venue, year, and optional DOI link.'
Will the print output fit on one page?
That depends on the content density — the template ships seed data that comfortably lands on one A4 sheet, but heavy content (10+ jobs, long bullet lists) can spill to a second page. The `.resume-entry` class is on every dated row so the page break never lands mid-entry; if you really need to fit one page, refine into the chat asking for 'tighten the line-height and section spacing to fit on one page.'
How does it compare to the developer-portfolio template?
developer-portfolio is a projects-and-tech-stack-focused personal website with hero + featured projects + about — built for the screen. The resume template is a single-page document optimized for print and the recruiter's first 30 seconds. Use developer-portfolio as a `yourname.dev` and resume as the PDF you attach to a job application.

相关构建类别

探索更多类别

Portfolio Website

Showcase your work with a professional portfolio website featuring project galleries, about sections, and contact forms — built by AI in minutes.

Landing Page

Create a high-converting landing page with hero sections, testimonials, CTAs, and mobile-responsive design — all generated by AI.

Marketing Site

Build a multi-page marketing website with feature sections, pricing tables, team pages, and conversion-optimized CTAs — powered by AI.

Membership Site

Launch a paid membership site with gated content, recurring subscriptions, member-only pages, and a clean login portal — generated by AI in minutes.

准备好开始构建了吗？

立即开始构建您的项目——无需编写代码。

开始构建