
flohoeller/affectui
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
AI 대리인을 위한 UI. 에이전트가 수행하는 것에 대한 React 구성 요소 – 에이전트 나무, 도구 통화, 추적, 핸드오프 및 승인 – 그리고 앱의 나머지. 각 하나의 파일, shadcn 또는 MCP를 통해 설치.
개요
웹 사이트 · 검색 구성 요소 · Docs · 설치 · 프로 affectUI는 어떤 에이전트가 실행, 도구 호출, 추적, 손전등, 승인 및 컨텍스트에 대한 React 구성 요소의 라이브러리입니다. 앱의 나머지 : 입력, 메뉴, 차트, 화면, 일러스트 및 모션. 모든 항목은 : 꼬리바람 없음, CSS 설정 없음, 애니메이션 라이브러리 없음. shadcn CLI로 설치하거나 Claude Code, Cursor 또는 Codex가 MCP 서버를 통해 추가하고 소스를 소유합니다. 에이전트 구성 요소, 에 영향을 미치는.com에서 라이브 기록. 항목 표시된 프로는 영향의 일부이며이 저장소에 없습니다. 다른 모든 것은 여기에 무료로 설치됩니다.
개요(AI 번역)
웹 사이트 · 검색 폼 · 사이트맵 · 설치하기 · 지원하다
** AI 에이전트에 대한 UI.** affectUI는 에이전트가 실행, 도구 통화, 추적, 핸드오프, 승인 및 컨텍스트에 대한 React 구성 요소의 라이브러리입니다. 앱의 나머지는 입력, 메뉴, 차트, 화면, 일러스트 및 모션입니다. 모든 항목은 하나 .tsx] 스타일의 파일: no Tailwind, no CSS setup, no Animation library. shadcn CLI로 설치하거나 Claude Code, Cursor 또는 Codex가 MCP 서버를 통해 추가하고 소스를 소유합니다.
쇼케이스
에이전트 구성 요소, 에 영향을 미치는.com에서 라이브 기록. 항목 표시된 프로는 영향의 일부이며이 저장소에 없습니다. 다른 모든 것은 여기에 무료로 설치됩니다.
에이전트 트리 프로 누가 누구를 시작
도구 통화 카드 한 줄에 에이전트 도구 호출
Trace 폭포 프로 에이전트의 시간과 돈이 이동
결정 Inbox 두 가지 빠른 답변으로 결정을 엽니 다.
에이전트 Inbox Pro 모든 배경 에이전트 작업에 한 진정 목록
Loader를 생각
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Website · Browse components · Docs · Install · Pro
UI for AI agents. affectUI is a library of React components for what agents do – runs, tool calls, traces, handoffs, approvals and context – and for the rest of your app: inputs, menus, charts, screens, illustrations and motion. Every item is one .tsx file with its styles inside: no Tailwind, no CSS setup, no animation library. Install it with the shadcn CLI, or let Claude Code, Cursor or Codex add it through the MCP server, and it is source you own.
Showcase
Agent components, recorded live from affectui.com. Items marked Pro are part of affectUI Pro and are not in this repository; everything else installs from here for free.
설치
npx shadcn@latest add https://www.affectui.com/r/reaction-bar.json