M4RKYU.SYSEdition 2027
Skip to content
LOCEN/Ontario · CA/▸work · bioloomStandbyOK/--:--:--EST
M4M4RK_YUportfolio
  • BuildBuild
    BuildOverview
    • WorkSelected case studies and write-ups
    • GamesPlayable prototypes and game-dev logs
  • GalleryGallery
    GalleryOverview
    • PhotosPhoto collections and visual experiments
    • ShopPrints, posters, and one-off objects
  • WritingWriting
    WritingOverview
    • BlogLong-form devlogs and field notes
    • NotesShort observations, links, snippets
  • ResourcesResources
    ResourcesOverview
    • Tools38 in-browser developer utilities
    • LinksDaily-use dev and design bookmarks
  • AboutAbout
  • ContactContact
中文
← projects
AI tool · 2024Ready

BioLoom

A no-signup AI writing tool that generates, scores, edits, and shares platform-specific bios across eight models.

Quick facts

Role
Solo AI product engineer: product flow, prompt and schema design, multi-provider routing, scoring, interface design, and deployment.
Timeline
2024-2026
Platforms
Responsive web · No account required
LiveSource

On this page

  • >What it is
  • >What it looks like
  • >Built with
  • >Highlights
  • >Engineering
  • >Under the hood
  • >Outcome
  • >Roadmap & lessons
BioLoom generator with platform tabs, model counts, guided fields, and an output panel
Fig. 01 — BioLoom

Why I made this

I have rewritten my own bio about forty times and hated every version, so I built the thing that narrows the decision before the blank box gets a chance to.

01

What it is

#

Problem

Short profile bios are deceptively hard because they compress tone, audience, context, and professional signal into a tiny space.

Solution

BioLoom turns a guided set of identity, audience, tone, length, and platform choices into four structured options. It streams typed output, scores drafts across five categories, supports inline revision, and falls back across Groq-hosted models and Gemini.

02

What it looks like

#
  • Guided controlsThe form narrows platform, tone, audience, focus, and output constraints before asking a model to write.
03

Built with

#

Product

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS

Generation

  • Vercel AI SDK 4
  • Groq
  • Gemini 2.0 Flash

Client state

  • Zustand
  • localStorage
04

Highlights

#
  • Four structured bios per generation with streaming presentation
  • Eight selectable models across Groq and Gemini fallback
  • Five platform presets, six tones, and granular length/temperature controls
  • Five-part scoring, revision tips, inline editing, and regeneration
  • Share links, text export, command palette, and local history
05

Engineering

#
  1. Process 01

    Constrain generation before asking for prose

    Context
    A single open prompt produces bios that vary unpredictably in tone, length, and platform fit.
    Approach
    Collect platform, audience, tone, focus, length, temperature, and emoji preferences before generation.
    Outcome
    Output is more repeatable and editable, at the cost of a longer form than a one-click generator.
  2. Process 02

    Stream structured options, not one text blob

    Context
    Users need alternatives they can compare, score, and revise rather than a single answer they must accept or discard.
    Approach
    Use schema-shaped streaming to return four bios and route provider fallback behind the same result contract.
    Outcome
    The review experience becomes useful across models, while schema adherence and partial-stream handling add implementation complexity.
06

Under the hood

#

Architecture notes

  • The Vercel AI SDK streams schema-shaped results rather than unvalidated prose blobs.
  • Provider selection and fallback are separated from the prompt surface, allowing the same UX to span eight models.
  • History and preferences remain local through Zustand persistence; the core tool requires no account.

Challenges

  • Making model choice useful without forcing non-technical users to understand provider differences.
  • Balancing creative variation with predictable length, tone, and platform limits.
07

Outcome

#
“
A deployed, no-signup writing utility with real model choice, structured output, scoring, history, editing, and sharing rather than a single prompt box.
08

Roadmap & lessons

#

Lessons learned

  1. 01Good AI tools narrow the decision space before generation.
  2. 02Small tools still need strong typography and empty states.

Next steps

  1. 01Add multilingual scoring examples
  2. 02Expose clearer model trade-offs
  3. 03Test accessibility with longer generated output

Related work

AI tool

Purecreate

A 3D apparel customizer that designs your shirt in real time and generates decals from a text prompt with DALL·E 3.

AI tool

AI Agent Toolkit

A personal Windows-first toolkit for local AI coding: PowerShell automation, Ollama, a Streamlit control center, and conservative repo workers.

PreviousNimbusA passwordless cloud workspace for organizing, sharing, beaming, and asking questions about your files.
Back to all work
NextM4rketViewA free, no-key crypto dashboard with live prices, resilient public-data fallbacks, local portfolios, alerts, and comparison tools.
Back to archive
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
Crafted since 2024
ZhenXiao Mark YuZhenXiao Mark Yu
get in touch

Saw something here?Tell me about it.

It's a portfolio, not a service · but I read every note — drop a line if anything here resonated, or just to say hi.

Start a conversation
open channel

say hi anytime · 2026

--:--:--ESTOntario, Canada
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

Newsletter

Get the occasional dispatch

Notes and logs from m4rkyu.com — short, dated, no noise. Unsubscribe anytime.

Work

Production builds, games, and visual archives.

  • Projects
  • Games
  • Archive
  • Logs

Resources

Daily-use tools and a personal link library.

  • Search
  • Latest
  • Tools
  • Links
  • Notes
  • Topics
  • Shop
RSSJSON feed

Studio

Background, contact, and channels for collaboration.

  • About
  • Contact
  • Changelog
  • Colophon
  • Resumepending

Socials

Find me on the usual feeds.

  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • Email
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
PrivacyTermsBuilt with Next.js 16 · React 19 · Tailwind 4