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.

빌드할 준비가 되셨나요?

지금 바로 프로젝트 빌드를 시작하세요 — 코딩이 필요하지 않습니다.

빌드 시작하기