AnyFrame

1) Wählen Sie, welches „AnyFrame“ Sie meinen (es gibt mehrere unabhängige Produkte mit demselben Namen).: Aus den oben genannten Quellen kann sich „AnyFrame“ beziehen auf: (A) das Zsh-Wrapper-Plugin (mollifier/anyframe) für peco/percol/fzf, (B) die AI-Agent-Laufzeitschicht unter anyfrm.com oder (C) die Utility-First-CSS-Bibliothek @anyframe/css. Folgen Sie dem unten stehenden Tutorial, das Ihrem Anwendungsfall entspricht.

2) (Zsh-Plugin) Installieren Sie ein Auswahlwerkzeug (peco, percol, fzf oder fzf-tmux).: AnyFrame (Zsh) delegiert die interaktive Auswahl an eines dieser Tools. Installieren Sie mindestens eines von: peco, percol, fzf oder fzf-tmux, damit AnyFrame eine Auswahl-Benutzeroberfläche öffnen kann.

3) (Zsh-Plugin) Initialisieren Sie AnyFrame-Funktionen in Ihrer Zsh-Sitzung.: Laden Sie den Initialisierer automatisch und führen Sie ihn aus, damit AnyFrame seine Funktionen/Widgets registrieren kann: - autoload -Uz anyframe-init - anyframe-init Dies scannt anyframe-functions/{actions,selectors,sources,widgets}, lädt Funktionen automatisch und registriert Widgets bei zle.

4) (Zsh-Plugin) Wählen Sie über zstyle, welches Selector-Backend AnyFrame verwenden soll.: Legen Sie die Selector-Engine explizit fest: - zstyle ":anyframe:selector:" use peco (oder percol / fzf-tmux / fzf) Optional können Sie den Befehl + Flags für jeden Selector festlegen: - zstyle ":anyframe:selector:peco:" command 'peco --no-ignore-case' - zstyle ":anyframe:selector:percol:" command 'percol --case-sensitive' - zstyle ":anyframe:selector:fzf-tmux:" command 'fzf-tmux --extended' - zstyle ":anyframe:selector:fzf:" command 'fzf --extended'

5) (Zsh-Plugin) Binden Sie AnyFrame-Widgets an die gewünschten Tasten.: Ordnen Sie Widgets mithilfe von bindkey Tastenkombinationen zu. Beispiele aus den Quellen: - bindkey '^xb' anyframe-widget-cdr - bindkey '^x^b' anyframe-widget-checkout-git-branch - bindkey '^xr' anyframe-widget-execute-history - bindkey '^xi' anyframe-widget-put-history - bindkey '^xg' anyframe-widget-cd-ghq-repository - bindkey '^xk' anyframe-widget-kill - bindkey '^xe' anyframe-widget-insert-git-branch Nach dem Binden drücken Sie die Tastenkombination, um einen interaktiven Selector zu öffnen und dann entweder das gewählte Ergebnis auszuführen oder es in die Befehlszeile einzufügen (abhängig vom Widget).

6) (KI-Agent-Laufzeit unter anyfrm.com) Verstehen Sie das Kernkonzept: Ein „Frame“ ist eine MicroVM-Sandbox pro Aufgabe/Agent.: Jeder Frame bewahrt Dateisystem, Prozesse und Speicher. Sie können einen laufenden Agenten schnell pausieren, später fortsetzen und viele Frames parallel verwalten (eine Flotte).

7) (KI-Agent-Laufzeit) Erstellen Sie einen AnyFrame-Client in Python und starten Sie einen Agenten pro Auftrag.: Verwenden Sie das in den Quellen gezeigte SDK-Muster: - Installieren: $ uv add anyframe - Im Code: import anyframe af = anyframe.AnyFrame() for job in incoming_jobs: agent = af.agents.create(name="auth-fix", repo_url="acme/api") af.sessions.create(agent_id=agent.id) Dies erstellt für jede Aufgabe eine frische Sandbox-Umgebung (Frame/Sitzung), sodass Sie viele parallel ausführen können.

8) (KI-Agent-Laufzeit) Frames pausieren und fortsetzen, um den Zustand zu erhalten.: Pausieren Sie einen Frame, um ihn auf die Festplatte zu speichern (Speicher, Prozesse, offene Dateihandles). Setzen Sie ihn Stunden/Tage später fort und fahren Sie dort fort, wo er aufgehört hat. Verwenden Sie die Flottenansicht, um laufende/pausierte/kalte Frames und deren CPU/Speicher/Betriebszeit sowie den aktuell ausgeführten Befehl anzuzeigen.

9) (KI-Agent-Laufzeit) Verbinden Sie Ihre Tools pro Agent (optional).: Autorisieren Sie Integrationen einmal und schalten Sie sie bei Bedarf pro Agent um. Die Quellen listen Konnektoren wie Linear, GitHub, Slack, Notion, Atlassian, Gmail, Figma, Google Kalender und Google Drive auf.

10) (@anyframe/css) AnyCSS installieren und importieren.: Verwenden Sie eines der unterstützten Formate: - ESM: import { AnyCSS } from '@anyframe/css' - CJS: const { AnyCSS } = require('@anyframe/css') - IIFE/CDN: <script src="https://cdn.jsdelivr.net/npm/@anyframe/css@latest/dist/anycss.iife.js"></script> dann const { AnyCSS } = __anyframe_css__

11) (@anyframe/css) Utility-Klassen in CSS rendern.: Erstellen Sie eine Instanz und rendern Sie Klassen: import { AnyCSS } from '@anyframe/css' const css = new AnyCSS({ /* Konfiguration */ }) console.log(css.render(['bg-red-500','flex','md:flex','[&.active]:bg-blue-500'])) Dies gibt CSS für die bereitgestellten Utility-Tokens aus, einschließlich responsiver Varianten (z. B. md:flex) und zustandsbehafteter Selektoren (z. B. [&.active]:...).