Full Page

Alex Chen

Full-stack engineer and open-source contributor. Passionate about developer tooling, design systems, and making the web faster for everyone.

Website

[email protected]

Skills: TypeScript, Rust, Systems Design, WebAssembly, Postgres

Minimal Bio

A clean, minimal personal bio card with name, bio, links, and skills.

by DesignGenerate 0 stars 1 renders 0 forks
bioportfoliominimal
Use This Template View Full Page Sign in to star

Schema

FieldType
name string
bio text
website link
email email
skills list<string>

Apply Values

POST JSON to the API endpoint:

POST /api/templates/minimal-bio/apply
Content-Type: application/json

{
  "name": "Alex Chen",
  "bio": "Full-stack engineer and open-source contributor. Passionate about developer tooling, design systems, and making the web faster for everyone.",
  "website": "https://example.com",
  "email": "[email protected]",
  "skills": [
    "TypeScript",
    "Rust",
    "Systems Design",
    "WebAssembly",
    "Postgres"
  ]
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Minimal Bio" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{name:string}}, {{bio:text}}, {{website:link}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "name": "string",
  "bio": "text",
  "website": "link",
  "email": "email",
  "skills": [
    "string"
  ]
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{name:string}}` → string
- `{{bio:text}}` → text
- `{{website:link}}` → link
- `{{email:email}}` → email
- `{{skills:list<string>}}` → list<string>

Output ONLY the HTML code block. No explanation.
← All Templates