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 중 하나 이상을 설치하세요.

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) (anyfrm.com의 AI 에이전트 런타임) 핵심 개념 이해: "프레임"은 작업/에이전트당 마이크로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를 출력합니다.