TH

tobyhede/hyper

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

0 stars 质量 54 趋势 20

Hyper 适合技术讲座和设计,这些想法通过图表而非单行连接。你写(Markdown、图片或整个嵌套空间),把它们放在 ,然后用 :...

概览

Hyper 是为技术讲座和设计而设计的,这些想法通过图表而非单一线条连接。你写(Markdown、图片或整个嵌套空间),将它们放在一个 ,并通过 :通过相同的资源,通过 :有名称、有颜色、有方向的路径连接它们。React Flow 会一次性绘制每个图,每个图都用它自己的颜色,在你选择的位置。 (ADR 0024)。Present在浏览器能用的全屏位置绘制图的第一个资源,在全窗口阶段绘制图的第一个资源,画布上方以16:9的信箱框覆盖画布,画布保持原位不动(ADR 0123)。箭头键跟随图的边缘:右键跟随选中的边,左键沿路径返回,上下键在分岔处选择。离开呈现时,画布完全保持原样。 你的作品是一个普通文件目录,也就是Aggregate目录,你把它保存在自己的git仓库里。 你需要Node ≥ 26.8.1和pnpm 9。Node不再捆绑核心包,所以如果没有,安装pnpm时用npm install -g pnpm@9。

概述(AI 翻译)

Hyper 适合技术讲座和设计,这些想法通过图表而非单一线条连接。你写资源(Markdown、图片或整个嵌套空间),将它们放在地图上,并用图连接:有名称、有颜色、有方向的路径,穿过相同的资源。React Flow 会一次性绘制所有图,每个图都有其颜色,位于你选择的位置。

呈现是在图本身的阶段中穿越图(ADR 0024)。呈现在浏览器能全屏显示的地方,绘制图的第一个资源在全窗口阶段绘制,该阶段为16:9的16:9帧,以信箱框覆盖画布,保持不动(ADR 0123)。箭头键跟随图的边缘:右键跟随选中的边,左键返回所走路径,上下选择在分岔处。离开呈现显示画布完全原状。

你的作品是一个普通文件目录,也就是Aggregate目录,你把它保存在自己的git仓库里。

快速开始

你需要 Node ≥ 26.8.1 和 pnpm 9。Node 不再捆绑 corepack,所以如果没有 pnpm,就用 npm install -g pnpm@9 安装。

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

InfinityCube

InfinityCube is for technical talks and designs whose ideas connect as a graph rather than a single line. You write Resources (Markdown, pictures, or whole nested Spaces), place them on a Map, and connect them with Graphs: named, coloured, directed paths through the same Resources. React Flow draws every Graph at once, each in its own colour, at the positions you chose.

Presenting is traversing a Graph on its own Stage (ADR 0024). Present takes the browser fullscreen where it can and draws the Graph’s first Resource on a full-window Stage, one 16:9 frame letterboxed over the canvas, which stays behind it untouched (ADR 0123). Arrow keys follow the Graph’s Edges: Right follows the selected one, Left goes back along the path taken, Up and Down choose at a fork. Leaving presenting shows the canvas exactly as it was.

Your work is a directory of plain files, an Aggregate directory, that you keep in its own git repository.

Quick start

You need Node ≥ 26.8.1 and pnpm 9. Node no longer bundles corepack, so install pnpm with npm install -g pnpm@9 if you do not have it.

git clone https://github.com/tobyhede/infinity-cube.git
cd infinity-cube
pnpm install
git init ~/talks/rust-async
pnpm cube init ~/talks/rust-async
git -C ~/talks/rust-async add -A
git -C ~/talks/rust-async commit -m "New talk"
pnpm cube run ~/talks/rust-async

init writes a new aggregate to ~/talks/rust-async, which must be empty apart from dot-entries such as .git, and prints the command that runs it. Committing what it wrote before the first run gives git a revision to restore. run prints the address it serves (http://localhost:4173/ unless that port is taken) and opens it in your browser.

  1. Edit. Pick a Graph in the Command Dock, the toolbar floating over the canvas; every Graph stays drawn, and the one you pick is emphasised. Select a Resource to reveal its toolbar, and use Edit to write its Title and Markdown. Drag a Resource to move it. Drag from one of a Resource’s four handles to another Resource to add an Edge to the active Graph; hold Option (macOS) or Alt and drop on empty canvas to create a new Resource and connect it in one go.

  2. Press Present to traverse the Graph: → follows an Edge, ← goes back, ↑ / ↓ choose at a fork, Esc returns to the Map.

  3. Press Ctrl-C in the terminal. InfinityCube writes anything not yet on disk and exits.

  4. Commit your work in the directory’s own repository:

    cd ~/talks/rust-async
    git add -A
    git commit -m "First draft"
    

Run pnpm cube run from the InfinityCube clone every time, pointing at whichever directory you are working on. For every pnpm cube verb, a relative path is relative to where you ran pnpm.

How Running works

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add tobyhede/hyper
新手?先看 mcpskill.org 教程 →