M4RKYU.SYSEdition 2027
Skip to content
LOCZH/安大略 · 加拿大/▸work · bioloom待机OK/--:--:--EST
M4M4RK_YUportfolio
  • 创作创作
    创作Overview
    • 作品精选案例与项目记录
    • 游戏可玩原型与游戏开发日志
  • 影像影像
    影像Overview
    • 照片影像合集与视觉实验
    • 商店印刷品、海报和限量物件
  • 写作写作
    写作Overview
    • 博客长篇开发日志与现场笔记
    • 笔记短观察、链接与代码片段
  • 资源资源
    资源Overview
    • 工具38 款浏览器内开发工具
    • 链接每日使用的开发与设计书签
  • 关于关于
  • 联系联系
EN
← 项目档案
AI 工具 · 2024就绪

BioLoom

AI 辅助简介生成器,把零散的身份信息整理成适合不同平台的短文案。

关键信息

角色
Solo AI product engineer: product flow, prompt and schema design, multi-provider routing, scoring, interface design, and deployment.
周期
2024-2026
平台
Responsive web · No account required
在线源码

本页导航

  • >这是什么
  • >界面一览
  • >技术栈
  • >亮点功能
  • >工程实现
  • >实现细节
  • >结果
  • >规划与心得
BioLoom generator with platform tabs, model counts, guided fields, and an output panel
Fig. 01 — BioLoom

为什么做这个

我自己的简介大概重写过四十遍,每一版都嫌弃,于是干脆做了个在空白框开口逼问之前、先帮你把选择缩小的工具。

01

这是什么

#

问题

个人简介看似很短,却要压缩语气、受众、背景和职业信号,写起来并不简单。

方案

BioLoom 通过引导式输入和干净的生成界面,帮助用户摆脱空白文本框,更快得到可用版本。

02

界面一览

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

技术栈

#

Product

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

Generation

  • Vercel AI SDK 4
  • Groq
  • Gemini 2.0 Flash

Client state

  • Zustand
  • localStorage
04

亮点功能

#
  • 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

工程实现

#
  1. 过程 01

    Constrain generation before asking for prose

    背景
    A single open prompt produces bios that vary unpredictably in tone, length, and platform fit.
    方法
    Collect platform, audience, tone, focus, length, temperature, and emoji preferences before generation.
    结果
    Output is more repeatable and editable, at the cost of a longer form than a one-click generator.
  2. 过程 02

    Stream structured options, not one text blob

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

实现细节

#

架构笔记

  • 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.

挑战

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

结果

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

规划与心得

#

复盘

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

下一步

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

相关案例

AI 工具

Purecreate

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

AI 工具

AI Agent Toolkit

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

上一篇NimbusA passwordless cloud workspace for organizing, sharing, beaming, and asking questions about your files.
返回全部作品
下一篇M4rketViewA free, no-key crypto dashboard with live prices, resilient public-data fallbacks, local portfolios, alerts, and comparison tools.
返回档案
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
始于 2024
ZhenXiao Mark YuZhenXiao Mark Yu
联系

看到什么有意思的?和我聊聊。

这是一个作品集,不是服务 · 但每一条留言我都会看 — 如果哪里让你有所触动,或者只想打个招呼,欢迎写信过来。

开启对话
频道开放

随时打个招呼 · 2026

--:--:--EST加拿大 安大略
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

订阅

偶尔收到一封简讯

来自 m4rkyu.com 的笔记与日志——简短、标注日期、没有杂音。随时可退订。

作品

线上发布、游戏作品与视觉档案。

  • 项目
  • 游戏
  • 档案
  • 日志

资源

每日好用的工具与个人收藏的链接库。

  • 搜索
  • 最新
  • 工具
  • 链接
  • 笔记
  • 主题
  • 商店
RSSJSON Feed

工作室

背景、联系方式以及合作渠道。

  • 关于
  • 联系
  • 更新日志
  • 技术说明
  • 简历筹备中

社交

在常去的平台上找到我。

  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • 邮件
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
隐私条款由 Next.js 16 · React 19 · Tailwind 4 构建