affectUI
affectUI is a library of React components for displaying AI agent work, such as tool calls, traces, and approvals, for developers building agent interfaces.
What it is good for
- Displaying tool calls and agent runs in a web app
- Showing approvals and handoffs between agents
- Adding ready-made UI components to a React project
- Connecting an AI coding tool to a component library
At a glance
- Who it is for
- Setup
- Guided command-line setup
Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- React, Next.js, Vite, Remix, shadcn, Claude Code
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 423
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is affectUI free?
- Yes. It is free and open source (MIT license).
- Do I need to know how to code to use affectUI?
- You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.
- What does affectUI work with?
- According to its own documentation, it works with React, Next.js, Vite, Remix, shadcn, and Claude Code.
- What is affectUI good for?
- Displaying tool calls and agent runs in a web app, showing approvals and handoffs between agents, adding ready-made UI components to a React project, and connecting an AI coding tool to a component library.
Similar agents
- UI UX Pro Max
UI UX Pro Max is a skill that gives AI coding agents design guidance for building professional interfaces for websites and apps.
- taste-skill
Taste Skill is a skill that makes coding agents design websites and app screens with real pictures and a browser check, instead of generic pages.
- skills
Skills is a collection of agent skills that reviews and improves user interfaces for designers and developers building screens and apps.
- appllama-skills
appllama-skills is a set of agent skills that help AI coding agents design and build mobile app screens modeled on top-grossing apps.
- make-interfaces-feel-better
Make-interfaces-feel-better is a skill that adds small interface polish details like animations, spacing, and hover states for developers and designers building web interfaces.
- TypeUI
TypeUI is a set of design skills and UI prompts that helps AI coding tools build better user interfaces for websites and apps.