Practical guides
Step-by-step workflows, reusable briefs, and agent guardrails
Build a First Personal Site or Project Page
Prepare a page through structure, visual direction, real work, and accessibility checks rather than stacking templates.
Review my portfolio copy and layout: remove unsupported self-praise, rewrite each project as 'problem -> my work -> verifiable result,' and point out sections that may crowd a mobile screen.
State your role or project purpose in one sentence, then add one clear next action such as viewing work, downloading a resume, or contacting you.
What to keepWithin ten seconds, a visitor can say who this is, what was built, and where to click next.
Decide column counts, card spacing, and heading sizes for desktop and mobile. Separate priorities with size, contrast, and whitespace rather than decorative borders.
- One sentence explaining the concrete problem
- Your actual contribution and tools used
- A working demo link, repository, or screenshot evidence
What to keepNo horizontal scroll on mobile, and headings, body copy, and secondary text are distinct at a glance.
For each project, state the problem, your role, tools used, and verifiable outcome. When no live URL exists, use real screenshots and repo notes rather than invented metrics.
What to keepEvery project card answers what you contributed and where the evidence lives.
Tab through primary links, confirm images have alt text, buttons have clear names, and external links do not lead to broken pages.
What to keepDesktop, mobile, and keyboard focus all reach the primary actions.