胡睿涵 H

个人站 · Personal Site · 2026

胡睿涵

一个用 AI 做出东西的小学生，让代码在我的脚下一步一步长出来。

12 岁 · 即将升入六年级全国信息素养提升活动 · 国赛入围
关于我→看作品→

持续做，持续写。

01 / 关于

用 AI 写代码，用代码解决问题。

我是胡睿涵。喜欢用 AI 编程做能帮到学习和生活的应用。

拿过全国信息素养提升活动国赛资格，做过一个完整的探索宇宙项目，5 天训练营每天写一篇 daily。

现在在做的，是持续打比赛、把 Vibe Coding 用到极致。

“我是森林的学生。”

02 / 我会什么

把想法变成作品，把作品变成脚印。

从 0-me/profile.md 到 CAPABILITY-MAP.md — 我现在会什么、在补什么、哪些是主力。

把想法变成代码。

编程语言

  • Python约 1 年 · 主力
    3
  • TypeScript半年 · 主力
    3
  • JavaScript半年 · 主力
    3
  • HTML / CSS半年 · 在补
    2

会用脚手架、能搭能改。

框架与工具

  • Next.js 15 (App Router)探索宇宙 + 个人站
    3
  • React 19主力
    3
  • React Three Fiber / three.js试过 · 主站暂不启用
    2
  • ScraplingDay 4 资料抓取
    2

和 AI 一起做项目。

AI & Vibe Coding

  • Codex (Vibe Coding)主学 · 15+ 张验证 prompt
    4
  • 5 天训练法探索宇宙验证过
    3
  • Prompt 设计PRD → 提示词
    3
  • Context 准备知识库喂资料
    3
  • Acceptance Criteria在学
    2

把作品送出去。

部署 & 软能力

  • Cloudflare Pages探索宇宙部署在这
    3
  • Git 本地工作流5 天每天 1 commit
    3
  • 黑客松 / 比赛协作国赛入围
    3
  • 并行工作 (AI 写时你去做别的)5 天训练核心
    3

熟练度 1-5 · 持续更新，不画大饼。

03 / 创作方法

我怎么做东西。

三张概念卡：从范式、节奏、到给 AI 的说明书。
这是我从 5 天训练营里真正带走的东西。

01概念卡

Vibe Coding

用自然语言 + AI 协作做项目。

把'我想做什么'写清楚，让 AI 能一次给我差不多的东西。

  • Day 1：定题 + 计划
  • Day 2：核心交互 / 3D
  • Day 3：玩法 / 核心功能
  • Day 4：内容 + 风格 + 衔接
  • Day 5：收尾 + 发布（README / 截图 / 录屏）
  • Codex 写代码时，你不要发呆 — 同时去做查资料 / 挑图片
02概念卡

Prompt 设计

给 AI 的任务说明书。

把'我想做什么'写清楚，让 AI 能一次给我差不多的东西。

  • 目标明确
  • 上下文给够
  • 验收标准具体
  • 不和 AI 绕弯

方法是脚手架，不是枷锁。

04 / 我的作品

作品不是装饰，是脚印。

比赛做的、训练营做的、自己想做的 — 每一个都是从 0 跑到能交付的东西。

5 天，从一行代码到一份作品。

探索宇宙

完成

5 天训练营做出来的宇宙探索互动网站：首页 + 3D 探索页 + 行星任务游戏 + 行星详情页，全部 Vibe Coding + Codex 协作完成，已部署上线。

  • 5 天每天 1 次 Git commit (day1 ~ day5)
  • Vibe Coding 完整流程：PRD → 提示词 → Codex 生成 → 我审查 → 让 AI 改
  • 用 Scrapling 从 NASA 抓行星资料，整理成 3 段有用内容
Next.js 15React Three FiberScraplingCloudflare Pages看看作品→

进入国赛的那一次。

全国信息素养提升活动

完成

2025 年全国信息素养提升活动项目，进入了国赛。完整比赛经历、复盘与路演经验，留在了项目卡里。

  • 国赛入围（全国信息素养提升活动）
  • 路演 / 答辩经验
  • 完整流程：报名 → 备赛 → 路演
比赛国赛入围2025

把技术用在'人'的问题上。

心理健康 + 科技

完成

一个把科技和心理健康结合的项目。学到了怎么用技术解决'人'的问题，不是只做酷炫 demo。

  • 方向：科技 + 心理健康
  • 学到：怎么用技术解决'人'的问题
AI 编程心理健康应用

把一千八百年前的故事，变成能点开看的东西。

三国介绍网站

完成

三国人物 / 战事 / 时间线介绍网站。带过五关斩六将小游戏 + 三国时间线 + 桌面版战斗模块，本地预览版，部署后会更新。

  • 首页：星河主题 · 三国时间线 · 名场面
  • 过五关斩六将：桌版过关小游戏
  • 时间线：东汉末年 → 三国鼎立的 96 年大事记
三国历史介绍互动看看作品→

每一个项目，都有一份知识库里的项目卡。

05 / 沿途留下的脚印

沿途留下的脚印。

奖状、作品里的某一瞬间、项目跑到一半的影子。
截图比说明更诚实。

把比赛当成一次作品的答谢。

奖状

展示表达

展示表达

第一名

艺术美术

艺术美术

第二名

综合评价

综合评价

一等奖

一千八百年，点开就能看完。

三国介绍网站

首页 · 星河

首页 · 星河

一壶浊酒喜相逢

汉中之战

BATTLE MODE · 桌面版战斗

三国时间线

重要事件一览

看向 4.2 光年外的邻居。

探索宇宙

首页 · BEYOND THE VEIL

首页 · BEYOND THE VEIL

宣展页

太阳系

太阳系

一框八行星同框

3D 探索

3D 探索

滚动 / 拖动探索

继续往前走，下一站见。

06 / 我的学习记录

边做边学，一天一步。

从知识库 5-daily/ 和 2-concepts/ 同步过来 — 每天学一点，每天写一篇。

最近 Daily

  1. 2026-08-10

    上午视觉系统打磨 + 下午 9 张图做成作品展示（Showcase）

  2. 2026-08-09

    上午 PRD v2.1 senlin-c1n + 下午完整实现（含 3D 球体撤回）

  3. 2026-08-08

    上午拆解老师站 + 下午 PRD v2 + 跑 Codex 检查

  4. 2026-08-07

    建知识库 + 上午 PRD + 下午拓展探索宇宙项目

推荐概念卡

  • Vibe Coding

    用自然语言 + AI 协作做项目

  • Prompt

    给 AI 的任务说明书

  • Context

    AI 做任务需要知道的背景

  • Acceptance Criteria

    判断任务完成的硬标准

  • 5 天训练法

    每天 1 件事，5 天出一个作品

  • Scrapling

    抓网页资料的 Python 工具

每天学一点，每天写一篇。

07 / 成长路线

我想去哪里。

短期、中期、长期 — 一份给"未来的我"看的地图。
每两周更新一次，不给自己画大饼。

  1. 把基础打牢。

    短期（这个学期 / 3 个月）

    • 学完 Vibe Coding 基础，能独立做可交付小项目
    • 完成个人站 PRD → 上线
    • 每周至少 5 篇 daily
    • 把三个比赛项目卡写完整
    • 至少 10 张概念卡

  2. 稳定输出。

    中期（这一年）

    • 持续参加 2-3 次黑客松 / 企业 AI 编程比赛
    • 做 1-2 个学习 / 生活助手应用（用 AI 解决真实问题）
    • 文化课稳步提升（不一定要拔尖，但要跟得上）
    • 数据结构与算法基础

  3. 一个人当一支队伍。

    长期（3 年）

    • 成为'AI 编程'方向的硬核选手
    • 能独立做完整应用，包括前端、后端、AI 集成
    • 比赛有稳定成绩（不只是入围）
    • 用 Vibe Coding 把编程做成'杠杆'：一个人当一支队伍

每两周回来对一次这张表。

08 / 联系

想聊点什么，直接说。

暂时不开留言板。

  • ·想认识我，看作品比语言更直接 — 探索宇宙 / 三国 / 个人站
  • ·想聊班课 / 项目合作，找我的老师（森林 · senlin-c1n.pages.dev）
  • ·想看更多日常，看我的探索宇宙项目：huruihan-web.pages.dev
  • ·GitHub 主胡睿涵 (3D 站)：
  • ·GitHub 2D 站仓库：

想合作 / 想聊 / 想提建议：找我的老师森林，或直接给我看你的作品。