Resume Modern
A single-page A4 resume template built with HTML and CSS, designed to print cleanly or export to PDF. You get a two-column layout with oversized name, contact info separated by vertical bars, and section headers with small caps and accent lines. Each work entry puts company, title, and dates on one line with bullet points below. The whole thing uses a minimal black/white/gray palette with one accent color (navy or dark green), and includes print media queries to strip unnecessary elements. Width is locked to 210mm with 16-20mm padding to match actual A4 dimensions, so what you see on screen is what comes out of the printer.
- skills.sh installs
- 2.8K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill resume-modern --agent claude-codeInstalls into .claude/skills of the current project.
Files
【模板: 现代极简简历】
- 容器宽度模拟 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 样式, 隐藏不必要的元素, 颜色保留。
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Design & UI/UX, Office & Documents
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Pixelbin Media2.8K
- Venice Video2.8K
- Wpds2.8K
- Video Hyperframes2.8K
- Slack Gif Creator2.8K
- Deck Swiss International2.8K
- Article Magazine2.8K
- Deck Open Slide Canvas2.8K
- Doc Kami Parchment2.7K
- Frame Liquid Bg Hero2.7K
- Frame Light Leak Cinema2.7K
- Frame Data Chart Nyt2.7K
- Frame Flowchart Sticky2.7K
- Frame Glitch Title2.7K
- Frame Logo Outro2.7K
- Card Twitter2.7K
- Vfx Text Cursor2.7K
- Frame Macos Notification2.7K
- Social X Post Card2.7K
- Impeccable Design Polish2.7K
- Social Reddit Card2.7K
- Social Spotify Card2.7K
- Weread Year In Review Video Template2.5K
- Emilkowalski Motion2.4K
Recommended
More Design & UI/UX1
deck-swiss-internationalnexu-io/open-design16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).2.8Kskills.sh installs
deck-swiss-internationalnexu-io/open-design16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).2.8Kskills.sh installs2article-magazinenexu-io/open-designHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.8Kskills.sh installs
article-magazinenexu-io/open-designHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.8Kskills.sh installs3
animate-textpixel-point/animate-textCurated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects 2.8Kskills.sh installs
animate-textpixel-point/animate-textCurated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects 2.8Kskills.sh installs4
android-native-devminimax-ai/skillsAndroid native application development and UI design guide. Covers Material Design 3, Kotlin/Compose development, project configuration, accessibility, and buil2.7Kskills.sh installs
android-native-devminimax-ai/skillsAndroid native application development and UI design guide. Covers Material Design 3, Kotlin/Compose development, project configuration, accessibility, and buil2.7Kskills.sh installs5
svg-animationssupermemoryai/skillsCreate beautiful, performant SVG animations and illustrations. Use this skill when the user asks to create SVG graphics, icons, illustrations, animated logos, p2.7Kskills.sh installs
svg-animationssupermemoryai/skillsCreate beautiful, performant SVG animations and illustrations. Use this skill when the user asks to create SVG graphics, icons, illustrations, animated logos, p2.7Kskills.sh installs6card-twitternexu-io/open-designTwitter quote or data card designed to pair with a post.2.7Kskills.sh installs
card-twitternexu-io/open-designTwitter quote or data card designed to pair with a post.2.7Kskills.sh installs