PERSONAL CREATIVE WORLD / 个人创造地图

IDEAS HAVEGRAVITY.

以人物为原点,进入我的作品、在线实验、未完成设想、构建日志与开源代码。

DEMO AVATAR / V0.12D FALLBACK / GLB SLOT READY
WORKS / 作品

进入已经落地的产品、工具与视觉实验,查看它们如何从问题走到运行版本。

ENTER SECTOR
NOW BUILDINGPORTFOLIO OSPRIVATE BUILD / 0.2
CAPABILITIESDESIGN / CODE
MOTION / AI
CN · --:--
SCROLL TO UNFOLD

CURRENT LOOP / 当前进程

VIBE
PORTFOLIO
OS

一个同时容纳作品、在线 Demo、未完成想法、开发日志与源码入口的个人创作系统。

FOLLOW THE BUILD
PUBLIC BETA / 0.8SYSTEM ONLINE
68%
ASSEMBLED
01STRUCTURELOCKED
02VISUAL SYSTEMTUNING
03CONTENTLOADING
04PUBLIC RELEASEQUEUED
LAST SYNC / 2026.08.14TARGET / 2026.09
01

SELECTED WORK / 精选作品

THINGS THAT BECAME REAL.

不是效果图集合。每个项目都保留从问题、试验到可运行版本的完整路径;当前内容为可替换示例。

01 / WEB PLATFORM
DEMO CONTENT / REPLACEABLE
012026BUILDING

WEB PLATFORM

VIBE PORTFOLIO OS个人创作操作系统

把作品案例、在线体验、GitHub 仓库、想法与开发日志连接成同一套内容系统。网站本身,也是第一个公开拆解的作品。

ReactTypeScriptMotion
01 PLATFORM / 05 CONTENT TYPES
02 / AI TOOL
DEMO CONTENT / REPLACEABLE
022026PROTOTYPE

AI TOOL

PROMPT ATLAS提示词路径地图

把 Prompt 版本、模型配置、输出结果和人工批注组织成可分叉路径,解释一次生成为什么成功或失败。

React FlowLLM APIIndexedDB
12-NODE SAMPLE GRAPH
03 / LOCAL-FIRST AI
DEMO CONTENT / REPLACEABLE
032026CONCEPT DEMO

LOCAL-FIRST AI

LOCAL MEMORY本地记忆检索器

在本地索引项目笔记与图片说明,通过语义关系找到被遗忘的连接;原始文件默认不离开设备。

PythonSQLiteEmbeddings
LOCAL-ONLY MODE
04 / CREATOR TOOL
DEMO CONTENT / REPLACEABLE
042026ALPHA

CREATOR TOOL

FRAME PILOT演示视频编排器

把产品操作路径变成镜头清单、录屏节奏、字幕草稿和多尺寸导出计划,缩短 Demo 视频制作循环。

FFmpegCanvasTypeScript
60-SECOND STORYBOARD
05 / DESIGN TOOL
DEMO CONTENT / REPLACEABLE
052026PLAYABLE DEMO

DESIGN TOOL

INTERFACE X-RAY界面结构扫描器

从界面截图提出栅格、间距、字体层级与颜色 Token 的结构假设,再让设计者逐项校正。

VisionCanvasCSS
04 SAMPLE INTERFACES
06 / GENERATIVE VISUAL
DEMO CONTENT / REPLACEABLE
062026EXPERIMENT

GENERATIVE VISUAL

SIGNAL GARDEN创作信号花园

把提交、构建、发布和中断等开发事件映射成持续生长的数字景观,让项目节奏变成可见形态。

WebGLGLSLGitHub Events
LIVE GENERATED SCENE
02

PROCESS / 工作方式

MAKE IT TESTABLE.

01

IDEA

提出一个可以被证伪的判断,而不是只写一句灵感。

02

PROMPT

让 AI 参与探索,但明确输入、约束和人工选择。

03

BUILD

尽快做出能运行的版本,让真实限制进入讨论。

04

RELEASE

公开 Demo、源码、已知问题与下一次迭代。

03

DEMO LAB / 在线实验

DON’T JUST WATCH. CHANGE SOMETHING.

这里放置可以直接操作的小型实验。当前版本使用固定样例或模拟结果,并会明确标记。

D—01 / PLAYABLE

CONTEXT BUDGET上下文预算器

SYSTEM READY
58%CONTEXT USED
REQUIREMENT3.8K
CODE2.7K
REFERENCE1.9K
MEMORY1.1K

调整需求、代码和参考资料的权重,观察上下文占用、冲突与截断风险。当前使用安全的预设数据。

ADJUST / RUN / INSPECT

LAB NOTE / 部分演示使用固定样例或模拟结果,不伪装成真实在线能力。

04

IDEA LAB / 想法实验室

NOT FINISHED. STILL WORTH SHOWING.

这里记录尚未被证明的判断。每个想法都有下一步实验,而不只有一句概念。

I—017

RESEARCHING

DECISION TWIN个人决策镜像

如果系统只学习我的决策依据,而不模仿身份,它能否成为更可靠的第二意见?

NEXT / 整理 30 条真实决策记录,验证理由检索而非人格模仿。

LOCAL AIMEMORYETHICS
I—014

PROTOTYPING

FAILURE INDEX失败样本索引

成功案例告诉人们结果,失败样本能否更快暴露项目的边界条件?

NEXT / 为 10 次废弃原型建立失败原因与可复用结论字段。

PROCESSKNOWLEDGEOPEN LOG
I—011

SKETCHING

AMBIENT ARCHIVE环境记忆档案

除了照片,声音、光线和位置能否组成更接近当时感受的个人档案?

NEXT / 制作一个只包含 24 小时声音与光照变化的浏览原型。

SOUNDARCHIVEGENERATIVE
I—008

VALIDATING

ONE-PERSON RELEASE LINE单人产品发布线

能否把需求、开发、测试、视频与发布压缩成一条可重复、可观察的个人流水线?

NEXT / 用同一流程连续发布 3 个微型工具,记录人工介入点。

AUTOMATIONCREATOR OPSAI
05

BUILD LOG / 开发日志

NOTES FROM THE UNFINISHED VERSION.

LOG—003

让人物成为地图原点

人物不再是一张被展示的照片,而是连接作品、Demo、想法、日志和源码的可替换 3D 中心。

3D WORLD / NAVIGATION
LOG—002

Demo 不应该只是一个 iframe

每个实验都需要状态、预设数据、重置、错误降级和源码入口;体验失败时,项目仍然能够被理解。

DEMO SHELL / RESILIENCE
LOG—001

先设计内容接口,再设计页面

作品、想法、仓库和媒体共享关联字段,页面可以变化,但 Idea 走到 Demo 的路径不会丢失。

SCHEMA / SYSTEM DESIGN

06 / OPEN SOURCE / 开源

SOURCE,
NOT
SOUVENIR.

GitHub 入口不是页面末尾的装饰。可公开项目会提供运行方式、设计判断、已知限制和下一步计划。

OPEN GITHUB PLACEHOLDER LINK / 待绑定你的 GitHub
01

geniusqi / portfolio-os

作品、Demo、想法与日志的统一展示平台。

TYPESCRIPT · MIT · ACTIVE
02

geniusqi / demo-shell

为独立 Demo 提供加载、重置、报错和源码入口的公共外壳。

TYPESCRIPT · MIT · BUILDING
03

geniusqi / creative-manifests

作品、仓库、媒体和实验内容的数据结构与示例。

JSON SCHEMA · CC0 · DRAFT

README 先解释解决什么,再解释如何安装。

Demo 与仓库使用同一个版本标识。

模拟数据、限制与已知问题都会明确标记。

07

ABOUT / 关于

I BUILD TO UNDERSTAND.

HUMANIN THE
LOOP
ORIGIN / 00
PRODUCT
CODE
MOTION
AI
DIGITAL SELF / REPLACEABLE MODELCN / 2026

我是 GENIUSQI 背后的创造者。我关注产品、界面、代码与动态影像之间的连接,也习惯通过做出一个能运行的版本来判断想法是否成立。

Vibe Coding 对我不是“让 AI 替我完成”,而是缩短表达与验证之间的距离:更快提出假设,更早面对真实限制,也更完整地留下过程。

BASED
CHINA / 中国
FOCUS
AI PRODUCTS / CREATIVE TOOLS
MODE
IDEA → PROTOTYPE → RELEASE
STACK
TS / REACT / PYTHON / MOTION / AI
01

MAKE IT TESTABLE

一个想法至少要变成可点击、可比较或可运行的东西。

02

SHOW THE SEAMS

保留模型限制、失败路径和人工判断,不把过程包装成魔法。

03

LEAVE A HANDLE

每个公开项目都留下 Demo、源码、文档或下一步参与入口。

08 / CONTACT / 建立连接

BRING A
STRANGE IDEA.

如果一个想法还不够清楚,我们可以先把它做成第一个版本。

START A CONVERSATION PLACEHOLDER EMAIL / 请替换
TYPICAL RESPONSE / 2–3 DAYS