Portfolio
Engineer personal site and résumé
A single-page personal site that reads like a well-set document — fast, printable, and impossible to mistake for a template.
The prompt
Build a single-page personal site for a backend engineer. It should read like a well-set document, not a landing page. Layout: one column, max-width 680px, left-aligned, 96px of top padding. Order: name at 1.5rem, role, intro, Work section, Writing section, Projects section, contact. Design tokens: background #FFFFFF in light and #0D0D0F in dark, text #16161A / #EDEDF0, muted #6E6E78 / #8C8C96, accent #2547E0 / #7C90FF. Constraints: no hero, no photo, no skill bars, no animated background, no icon set. Total under 60KB of CSS and JS.
Paste the whole block into your builder. Replace the bracketed names with your own — leave the constraints alone, they are what stops the generic output.
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Engineer personal site and résumé.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Engineer personal site and résumé".
STEP 02
Paste into AI Builder
Open Bolt, Codex, Cursor, Claude, Windsurf, Replit and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this