resume-modern
nexu-io/open-design
Modern minimal single-page A4 resume, ready for print or PDF export.
What is resume-modern?
A clean, professional resume template designed to fit on a single A4 page with a two-column layout option. Use this when you need a modern, printable resume that emphasizes clarity and visual hierarchy without unnecessary decoration.
- Formats content into a single A4 page (210×297mm) with built-in print styling
- Provides a two-column layout option: 60% main content (experience, projects, education) and 40% sidebar (skills, languages, awards)
- Includes header with large name and contact line (email, phone, location, GitHub, LinkedIn) separated by thin dividers
- Uses section titles with small caps styling and accent underlines for visual structure
- Supports print-to-PDF export with optimized colors and hidden non-essential elements
- Maintains professional black, white, and gray palette with one accent color (deep blue or forest green)
How to install resume-modern
npx skills add https://github.com/nexu-io/open-design --skill resume-modernHow to use resume-modern
- 1.Install the skill using the provided npx command
- 2.Open the template in a web editor or HTML viewer
- 3.Replace the placeholder name, contact information, and content sections with your own details
- 4.Adjust the two-column layout if needed (left column for experience/projects, right for skills/awards)
- 5.Add your work experience, education, and projects with bullet points starting with action verbs
- 6.Customize the accent color (deep blue or forest green) to match your preference
- 7.Preview in a web browser to verify layout and spacing
- 8.Export to PDF using your browser's print function (Ctrl+P or Cmd+P) and save as PDF
Use cases
- Creating a polished resume for job applications that fits on one page
- Converting existing resume content into a modern, print-ready format
- Designing a resume that exports cleanly to PDF without layout shifts
- Building a resume with a two-column layout to highlight both experience and skills efficiently
- Preparing a resume optimized for both screen viewing and physical printing
- Job seekers and career changers
- Professionals updating their resume
- Anyone needing a clean, modern resume template
resume-modern FAQ
Yes, the template supports both layouts. You can modify the CSS to use a single-column design if preferred, though the two-column layout is optimized for fitting content on one A4 page.
Yes, the template is designed specifically for A4 paper (210×297mm) with built-in print styles that hide unnecessary elements and preserve formatting when printed or exported to PDF.
Yes, the template uses one accent color (default deep blue or forest green) that you can customize by modifying the CSS color values.
Export the resume to PDF using your browser's print function for the best compatibility and consistent formatting across devices.
The template is optimized for single-page A4 format, so content should be concise. Aim for 1-3 bullet points per role and focus on quantifiable achievements to fit everything on one page.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: resume-modern zh_name: "极简简历" en_name: "Modern Resume" emoji: "📄" description: "Modern minimal resume, single A4 page, ready for print or PDF export." zh_description: "现代极简简历, A4 单页, 适合打印或导出 PDF" en_description: "Modern minimal resume, single A4 page, ready for print or PDF export." category: resume scenario: personal aspect_hint: "A4 (210×297mm)" recommended: 12 tags: ["resume", "cv", "简历"] example_id: sample-resume-frontend example_name: "极简简历 · 前端工程师" example_format: markdown example_tagline: "A4 单页, 可打印 / 导出 PDF" example_desc: "高级前端工程师简历, 两栏布局, 数字成就高亮" od: mode: prototype surface: web platform: desktop scenario: personal upstream: "https://github.com/nexu-io/html-anything" preview: type: html entry: index.html reload: debounce-100 design_system: requires: false example_prompt: "Use the Modern Resume template to turn my content into a modern minimal single-page A4 resume ready for print or PDF export. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images." example_prompt_i18n: zh-CN: "用「极简简历」模板把我的内容做成一份「现代极简简历, A4 单页, 适合打印或导出 PDF」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"
【模板: 现代极简简历】
- 容器宽度模拟 A4:
w-[210mm] min-h-[297mm] mx-auto, 内边距 16-20mm。 - 顶部姓名巨大 (text-4xl), 底下一行 contact (邮箱 / 电话 / 城市 / GitHub / LinkedIn), 中间用细竖线分隔。
- 主体两栏可选: 左 60% 主线（经历/项目/教育）, 右 40% 副线（技能/语言/获奖）。
- 章节标题: small caps 风格, 上方一条短 accent 线 (w-8 h-0.5)。
- 经历每条: 公司 + 职位 + 时间区间 (右对齐), 下方 1-3 条 bullet 用动词开头。
- 不使用花哨颜色, 黑白灰 + 1 个 accent (深蓝 / 墨绿)。
- 添加 @media print 样式, 隐藏不必要的元素, 颜色保留。
Related skills
More from nexu-io/open-design and the wider catalog.
screenshot
Capture desktop, windows, or pixel regions across platforms for screenshots and bug reports.
screenshots-marketing
Generate marketing screenshots with Playwright for landing pages, App Store, and changelogs.
shadcn-ui
Build accessible UI components with shadcn/ui, integrated with the Stitch design loop.
shader-dev
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation.
slack-gif-creator
Create animated GIFs optimized for Slack with size constraints and animation primitives.
slides
Create and edit .pptx presentation decks with PptxGenJS for sales, briefs, and showcases.