ai-elements

Create chat interfaces and workflow visualizations for AI applications.

20|4|Updated Nov 9, 2025

Search Tags:#react #workflow visualization #ui components #shadcn #tool execution #chat interface #ai ux

One-click install

npx skills add https://github.com/anderskev/amelia --skill ai-elements

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: ai-elements
Source: https://github.com/anderskev/amelia/tree/main/.claude/skills/amelia/ai-elements
Command: npx skills add https://github.com/anderskev/amelia --skill ai-elements

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building complex AI user interfaces (chat, tool execution, reasoning, workflows) from scratch is time-consuming and requires specialized components. This skill provides a ready-to-use library to accelerate development and standardize UI patterns.

Core Features & Use Cases

Chat Interfaces: Create dynamic chat UIs with messages, attachments, and intelligent auto-scrolling.
Workflow Visualization: Display tool execution, job queues, and approval processes with clear, interactive components.
Reasoning Displays: Show AI's thought process with collapsible, auto-collapsing reasoning sections.
Use Case: Quickly assemble a multi-agent AI application's frontend, visualizing each agent's tool calls, reasoning steps, and user approval prompts without writing custom UI logic.

Quick Start

Show me how to build a chat interface with message display and a prompt input field using AI Elements.