Gabriel Brown
89761a7da3
Agent instructions, skills, SSH host aliases and expansion triggers are worth having identical on every machine one person owns, and belong in none of the shared configuration. They live in user/ now, with a manifest saying where each piece goes and a link-user stage that puts it there. That stage does nothing unless the machine said yes. Somebody who clones Panama to try the desktop keeps their own ~/.claude/CLAUDE.md exactly where it was; the question names the destinations and defaults to no. Anything displaced goes to config/old rather than being deleted. ~/.claude/CLAUDE.md and ~/.codex/AGENTS.md were byte-identical copies of one file, which is the drift this exists to prevent. Also adds the vitals toggles for the battery and Claude usage readouts, which had preferences and no way to reach them.
58 lines
899 B
Markdown
58 lines
899 B
Markdown
---
|
|
name: magic-move
|
|
description: Animate code changes with smooth transitions between code blocks
|
|
---
|
|
|
|
# Shiki Magic Move
|
|
|
|
Animate code changes with smooth transitions (like Keynote's Magic Move).
|
|
|
|
## Basic Usage
|
|
|
|
`````md
|
|
````md magic-move
|
|
```js
|
|
console.log(`Step ${1}`)
|
|
```
|
|
```js
|
|
console.log(`Step ${1 + 1}`)
|
|
```
|
|
```ts
|
|
console.log(`Step ${3}` as string)
|
|
```
|
|
````
|
|
`````
|
|
|
|
Note: Use 4 backticks for the wrapper.
|
|
|
|
## With Line Highlighting
|
|
|
|
`````md
|
|
````md magic-move {at:4, lines: true}
|
|
```js {*|1|2-5}
|
|
let count = 1
|
|
function add() {
|
|
count++
|
|
}
|
|
```
|
|
|
|
Non-code blocks in between are ignored.
|
|
|
|
```js {*}{lines: false}
|
|
let count = 1
|
|
const add = () => count += 1
|
|
```
|
|
````
|
|
`````
|
|
|
|
## How It Works
|
|
|
|
- Wraps multiple code blocks as one
|
|
- Each block is a "step"
|
|
- Morphs between steps on click
|
|
- Syntax highlighting preserved during animation
|
|
|
|
## Resources
|
|
|
|
- Playground: https://shiki-magic-move.netlify.app/
|