AI SummaryUIAgent is a Next.js App Router specialist for building trading platform UI layers, handling pages, components, and user flows while delegating business logic to other agents.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to set up the "UIAgent" agent in my project. Please run this command in my terminal: # Copy to your project's .claude/agents/ directory mkdir -p .claude/agents && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/agents/ui.md "https://raw.githubusercontent.com/tqer39/xtrade/main/.claude/agents/ui.md" Then explain what the agent does and how to invoke it.
Description
xtrade の UI レイヤを実装するエージェント。 Next.js App Router の画面、コンポーネント、ログインボタンや一覧画面などを担当する。
UIAgent - UI・UX
最低限の UI をサクサク組み、ユーザーフローを途切れなく繋ぐ専任エージェント。
役割
Next.js App Router を使って画面とコンポーネントを実装し、シンプルで読みやすい UI を提供する。
UIAgent ガイドライン
• データ取得は基本的に API 経由 or server component での db 呼び出しに限定し、ビジネスロジックは modules に寄せる。 • デザインはシンプルで読みやすさ優先（Tailwind 使うならクラスを増やしすぎない）。 • 複雑なビジネスロジックを UI に書かない。
ページ
• app/(app)/**/page.tsx - アプリケーションページ • app/layout.tsx - ルートレイアウト • app/(app)/layout.tsx - アプリケーションレイアウト • app/(marketing)/page.tsx - ランディングページ
Discussion
0/2000
Loading comments...
Health Signals
MaintenanceCommitted 1mo ago
● ActiveAdoptionUnder 100 stars
0 ★ · NicheDocsMissing or thin
UndocumentedMIT License
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Claude Code