profile

CctoctoFX

Yuxiao Huang

Software engineer working at the intersection of AI infrastructure and ML systems.


System architecture Large language models AI infrastructure Technology & geopolitics

Grounded in systems thinking — no fluff, just signal.

博客富文本新功能:Callout、折叠、脚注、ECharts

本文展示博客新支持的富文本功能:Callout 提示块、折叠内容、脚注增强和 ECharts 交互图表。 Callout 提示块 Callout 是一种突出重要信息的视觉方式,支持四种类型: 示例 tip - 提示信息 info - 背景信息 warning - 注意事项 danger - 危险警告 提示 当你学习新概念时,尝试用自己的话复述一遍,这能加深理解。 背景信息 Transformer 架构最早由 Google 在 2017 年的论文《Attention Is All You Need》中提出。 注意事项 这个配置选项在生产环境中不建议修改,可能导致服务不稳定。 危险警告 执行此操作将删除所有数据,且无法恢复。请务必确认已备份重要文件。 用法 1 2 3 {{< callout "tip" "标题" >}} 内容 {{< /callout >}} 类型可选:tip、info、warning、danger ...

May 28, 2026 · 1 min · 185 words · Me

Nature Skills - 学术论文工具集

GitHub: Yuan1z0825/nature-skills 作者:袁一哲(上海交大博士),专注医疗 AI 核心定位 Nature Skills 是一套为学术论文全流程设计的 AI 工具集,涵盖: 论文阅读与理解 各部分写作与润色 图表生成(Nature 风格) 审稿意见回复 引文检索与管理 设计原则: 仅用一手来源:基于已发表 Nature 论文,非二手总结 显式优于隐式:每条规则都有明确理由 上下文感知:论文不同部分应用不同逻辑 输出优先:返回可直接使用的内容 安装 Claude Code(推荐) 1 2 3 /plugin marketplace add https://github.com/Yuan1z0825/nature-skills /plugin install nature-skills /reload-plugins Codex 打开 Codex Desktop 添加自定义插件市场 仓库源:https://github.com/Yuan1z0825/nature-skills.git 分支:main 安装 nature-skills 插件 手动安装 1 2 3 4 5 6 7 8 9 10 11 12 # 克隆仓库 git clone https://github.com/Yuan1z0825/nature-skills.git cd nature-skills # 安装单个 skill mkdir -p ~/.claude/skills cp -R skills/nature-reader ~/.claude/skills/ # 或安装所有 for d in skills/nature-*; do cp -R "$d" ~/.claude/skills/ done Skill 概览 Skill 状态 用途 触发示例 nature-reader Beta 论文全文阅读,原文对照 “read this paper” nature-paper2ppt Beta 论文转中文 PPT(journal club) “paper PPT”, “journal club” nature-writing Draft 论文各部分写作 “write abstract” nature-polishing Stable 论文润色(Nature 风格) “Nature style”, “polish” nature-citation Beta CNS 级别引文检索 “CNS citation” nature-response Beta 审稿意见回复 “rebuttal” nature-figure Stable Nature 风格图表 “Nature figure” nature-data Draft 数据可用性声明 “Data Availability” nature-academic-search Beta 学术搜索(PubMed) “search papers” Best Practices 按场景选择 Skill 场景 推荐 Skill 说明 论文精读 nature-reader 原文对照,关键信息提取 组会/实验室报告 nature-paper2ppt 自动生成故事线,中文幻灯片 论文写作(初稿) nature-writing 各部分写作模板 语言润色(定稿) nature-polishing Nature 风格精修 图表设计 nature-figure Nature 风格图表 引文管理 nature-citation CNS 级别检索 审稿回复 nature-response 礼貌有力 文献调研 nature-academic-search PubMed 搜索 nature-paper2ppt 使用流程 提供论文:可以是 PDF、arXiv ID、或论文 URL AI 分析:识别论文类型和论证逻辑 选择图表:从全文中选择关键图表 生成内容:中文幻灯片内容 + 演讲备注 创建文件:实际 PPTX 文件 自查纠错:检查图表质量、文字溢出、非模板视觉设计 关键原则: ...

May 28, 2026 · 2 min · 372 words · Me

Skill: Claude-Mem - 记忆系统工具集

GitHub: thedotmack/claude-mem 文档: docs.claude-mem.ai 版本: v6.5.0 核心定位 Claude-Mem 是一个上下文持久化压缩系统,专门为 Claude Code 设计。它能够: 自动捕获工具使用情况并生成语义摘要 将历史上下文在新会话中恢复 让 Claude 在跨会话场景下保持对项目的持续理解 关键洞察:Agent 的「记忆」应该是持久化的,而不仅仅是当前会话内的。 安装 Claude Code(推荐) 1 2 3 /plugin marketplace add thedotmack/claude-mem /plugin install claude-mem /reload-plugins npx 一键安装 1 npx claude-mem install 其他 IDE 1 2 3 4 5 # Gemini CLI npx claude-mem install --ide gemini-cli # OpenCode npx claude-mem install --ide opencode 注意:npm 安装 claude-mem 仅安装 SDK,不注册插件钩子。务必使用 npx claude-mem install 或 /plugin 命令。 ...

May 28, 2026 · 3 min · 451 words · Me

Skill: graphify - 代码库转知识图谱

GitHub: safishamsi/graphify 官网: graphifylabs.ai YC S26 加速器项目 核心定位 在 AI 编程助手(Claude Code、Codex、Cursor 等)中输入 /graphify,它会将整个项目——代码、文档、PDF、图片、视频——映射成可查询的知识图谱。 不再是 grep 文件,而是查询关系。 安装 pip 安装 注意:官方包名是 graphifyy(双 y),PyPI 上其他 graphify* 包与其无关。 1 2 3 4 5 6 7 8 # 推荐方式(uv 自动配置 PATH) uv tool install graphifyy # 或使用 pipx pipx install graphifyy # 或使用 pip pip install graphifyy 注册 Skill 1 graphify install 前置要求 要求 最低版本 检查命令 Python 3.10+ python --version uv(推荐) 任意 uv --version macOS: ...

May 28, 2026 · 3 min · 623 words · Me

Skill: GSAP - HyperFrames 动画引擎

GitHub: greensock/gsap-skills 官网: gsap.com 核心定位 GSAP (GreenSock Animation Platform) 是专业的 JavaScript 动画库,HyperFrames 使用它作为主要动画引擎。 重要更新:GSAP 完全免费,包括所有插件。自 Webflow 收购 GSAP 后,所有插件(包括 formerly Club-only 的 SplitText、MorphSVG 等)对所有人都免费使用,包括商业用途。 安装 Claude Code 插件市场(推荐) 1 2 /plugin marketplace add greensock/gsap-skills /reload-plugins npx skills(通用) 1 npx skills add https://github.com/greensock/gsap-skills HyperFrames Contract HyperFrames 通过 window.__timelines 控制 GSAP,所有 timeline 必须遵循此约定: 1 2 3 4 5 6 7 8 9 window.__timelines = window.__timelines || {}; const tl = gsap.timeline({ paused: true })); // 构建动画 tl.from(".title", { y: 48, opacity: 0, duration: 0.6, ease: "power3.out" }, 0); tl.to(".accent", { scaleX: 1, duration: 0.5, ease: "power2.out" }, 0.25); // 注册 — key 必须与 data-composition-id 匹配 window.__timelines["main"] = tl; 关键规则: ...

May 28, 2026 · 4 min · 691 words · Me