Skills
.Work. You
Rest

agent-feature

Official

Build real-time AI agent UI with SSE streaming.

Software Engineering#typescript#ui#markdown#frontend#react#agent#sse
Authoreco2-team
Version1.0.0
Installs0

System Documentation

What problem does it solve?

이코에코의 Agent 페이지 구현 가이드를 제공해 SSE 토큰 스트리밍, 사이드바, 마크다운 렌더링, 메시지 액션 등을 갖춘 엔드-투-엔드 UI를 구축합니다. 이 스킬은 React 19 + TypeScript + TailwindCSS 기반의 구현 원칙과 설계 패턴을 제시합니다.

Core Features & Use Cases

  • SSE 토큰 스트리밍으로 실시간 대화 흐름을 지원합니다.
  • Claude Code 스타일의 사이드바, 마크다운 렌더링, 코드 블록 복사 기능을 제공합니다.
  • 메시지 액션(복사/재생성/피드백)으로 대화 품질을 높이고 UX를 개선합니다.

Quick Start

Launch the Agent UI and start a streaming chat to see real-time AI coaching.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: agent-feature
Download link: https://github.com/eco2-team/frontend/archive/main.zip#agent-feature

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.