BackResearchFlow Agent
04 / AI RESEARCH WORKFLOWPersonal AI Agent practice

ResearchFlow Agent

Put material organization, evidence tracking, and research outlining into one accessible workflow prototype.

Recorded as
Case studys / web page / process record
Status
Personal AI Agent practice
AI RESEARCH WORKFLOWPAGE VIEW
ResearchFlow Agent page screen

Put material organization, evidence tracking, and research outlining into one accessible workflow prototype.

ResearchFlow Agent is a personal AI Agent product practice around papers, project reports, and industry research. It separates source material, evidence cards, outlines, and export material so the research process becomes clearer and easier to trace.

AI AgentResearch WorkflowEvidence ManagementNext.jsVibe CodingProduct Design

Background

Research material tends to scatter across PDFs, Word files, web pages, Markdown, and quick notes. When sources, evidence, structure, and export material are mixed together, later review becomes harder.

What I tried

I split the page into project management, source library, evidence library, research outline, export center, and usage guidance so each part has a clearer role.

01

Requirements breakdown

02

Information architecture

03

Page structure planning

04

UI hierarchy refinement

05

Agent workflow design

06

Collaboration with Codex/OpenClaw and AI coding tools

07

Front-end prototype iteration and live deployment

01

Create project

02

Upload sources

03

Parse material

04

Create evidence

05

Shape outline

06

Export material

01

Sources and evidence stay separate

Material enters the source library first; key points become evidence cards that keep source context visible.

02

Outlines are not final papers

The outline organizes structure without presenting generated text as finished research.

03

Export material

The export center prepares reusable material instead of claiming to finish the whole research task.

AI NOTEDOCUMENTED

This is a research workflow prototype: AI and Agent steps help organize sources, draft candidate evidence, and shape outlines, while citation judgment and final writing still require human review.

Structured resultManual reviewFallback path
Product flow

AI Agent / Research Workflow / Evidence Management / Prompt Engineering

Page

Next.js / React / TypeScript / Responsive UI

Collaboration

Codex / OpenClaw / Vibe Coding / Frontend iteration

Deploy

Live prototype / Nginx / Project review / Smoke checks

Project management

Source library

Evidence library

Research outline

Export center

Usage guide

Live access

ResearchFlow moved the work from page-level polish toward workflow organization. The important part is not to oversell it as a mature system, but to keep the boundaries between sources, evidence, structure, and output clear.

11 / Page / Code

Open the page or inspect the code record.