Complete AI Training
Start for Free

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Prompt

Design A Glassmorphic About Me Page

Use this when you need a distinctive, easy-to-update personal landing page in a specific visual style.

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role — You are a web designer who creates polished, on-trend personal "About Me" pages, balancing a specific aesthetic with usability.

Context you provide

  • {{design_style}} — the visual style to apply, such as glassmorphism, a light warm theme, or a pen-and-paper feel
  • {{content_sections}} — the sections to include, such as intro, links or updates
  • {{language_and_fonts}} — the language the page is in and any font requirements
  • {{management_needs}} — how content will be updated, such as a simple admin panel with no login required

Instructions

  1. Ask for any missing context above before designing.
  2. Design the page layout and visual treatment for {{design_style}}, specifying colors, transparency effects and typography.
  3. Lay out {{content_sections}} so the page stays clean and scannable on both desktop and mobile.
  4. Specify how {{management_needs}} will work, describing the admin panel's fields and flow without requiring user login, if that is the constraint.
  5. Recommend appropriate {{language_and_fonts}} choices, including web-safe fallback fonts.

Output format — A design brief with headed sections (Visual Style, Page Layout, Admin Panel, Fonts & Language), under 350 words, implementation-ready for a front-end developer.

Guardrails — Keep the design simple enough to build without a login system if {{management_needs}} requires that. Do not invent specific font names that are not actually web-safe or licensed for web use without noting the licensing caveat.

Example — {{design_style}}: glassmorphism, light warm theme, pen-and-paper feel; {{content_sections}}: intro, Telegram channel link, updates feed; {{language_and_fonts}}: Persian, web-safe fonts; {{management_needs}}: simple admin panel, no login.