AnyFrame

1) どの「AnyFrame」を指しているかを確認します（同じ名前で関連性のない複数の製品があります）。: 上記の情報源から、「AnyFrame」は次のいずれかを指す可能性があります。(A) peco/percol/fzf用のZshラッパープラグイン（mollifier/anyframe）、(B) anyfrm.comのAIエージェントランタイムレイヤー、または(C) ユーティリティファーストCSSライブラリ@anyframe/css。ご自身のユースケースに合った以下のチュートリアルに従ってください。

2) (Zshプラグイン) セレクターツール（peco、percol、fzf、またはfzf-tmux）をインストールします。: AnyFrame (Zsh) は、インタラクティブな選択をこれらのツールのいずれかに委譲します。AnyFrameがセレクターUIを開けるように、peco、percol、fzf、またはfzf-tmuxの少なくとも1つをインストールしてください。

3) (Zshプラグイン) ZshセッションでAnyFrame関数を初期化します。: AnyFrameがその関数/ウィジェットを登録できるように、オートロードして初期化子を実行します。 - autoload -Uz anyframe-init - anyframe-init これにより、anyframe-functions/{actions,selectors,sources,widgets}がスキャンされ、関数がオートロードされ、ウィジェットがzleに登録されます。

4) (Zshプラグイン) zstyleを介してAnyFrameが使用すべきセレクターバックエンドを選択します。: セレクターエンジンを明示的に設定します。 - zstyle ":anyframe:selector:" use peco (または percol / fzf-tmux / fzf) オプションで、各セレクターのコマンドとフラグを設定します。 - 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プラグイン) AnyFrameウィジェットを希望のキーにバインドします。: bindkeyを使用してウィジェットをショートカットにマッピングします。情報源からの例： - 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 バインド後、キーの組み合わせを押してインタラクティブセレクターを開き、選択した結果を実行するか、コマンドラインに挿入します（ウィジェットによって異なります）。

6) (AIエージェントランタイム at anyfrm.com) 核となる概念を理解する：「フレーム」はタスク/エージェントごとのマイクロVMサンドボックスです。: 各フレームはファイルシステム、プロセス、メモリを保持します。実行中のエージェントをすばやく一時停止し、後で再開し、多くのフレームを並行して管理できます（フリート）。

7) (AIエージェントランタイム) PythonでAnyFrameクライアントを作成し、ジョブごとにエージェントをスポーンします。: 情報源に示されているSDKパターンを使用します。 - インストール: $ uv add anyframe - コード内: 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) これにより、各タスクに対して新しいサンドボックス環境（フレーム/セッション）が作成され、多くのタスクを並行して実行できます。

8) (AIエージェントランタイム) 状態を保持するためにフレームを一時停止および再開します。: フレームを一時停止してディスクにスナップショット（メモリ、プロセス、開いているファイルハンドル）を保存します。数時間/数日後に再開し、中断したところから続行します。フリートビューを使用して、実行中/一時停止中/コールドのフレームと、そのCPU/メモリ/稼働時間、および実行中のコマンドを確認します。

9) (AIエージェントランタイム) エージェントごとにツールを接続します（オプション）。: 統合を一度承認し、必要に応じてエージェントごとに切り替えます。情報源には、Linear、GitHub、Slack、Notion、Atlassian、Gmail、Figma、Google Calendar、Google Driveなどのコネクタがリストされています。

10) (@anyframe/css) AnyCSSをインストールしてインポートします。: サポートされている形式のいずれかを使用します。 - 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> then const { AnyCSS } = __anyframe_css__

11) (@anyframe/css) ユーティリティクラスをCSSにレンダリングします。: インスタンスを作成し、クラスをレンダリングします。 import { AnyCSS } from '@anyframe/css' const css = new AnyCSS({ /* configuration */ }) console.log(css.render(['bg-red-500','flex','md:flex','[&.active]:bg-blue-500'])) これにより、提供されたユーティリティトークン（レスポンシブバリアント（例：md:flex）やステートフルセレクター（例：[&.active]:...）を含む）のCSSが出力されます。