ABP Blazor UX Engineer

A specialized Claude Code agent for designing and implementing UX/UI components, pages, sections, and workflows for ABP.IO applications built with Blazor Web App.

What it does

This agent provides expert UX/UI design and implementation for ABP.IO Blazor solutions — including Razor components, forms with validation, data tables, modals, dashboards, permission-aware views, and any frontend feature following ABP.IO conventions and the project's design language.

Installation

Windows (PowerShell)

# Create the agents directory
New-Item -ItemType Directory -Force -Path "$env:USERPROFILE\.claude\agents" | Out-Null

# Download the agent
Invoke-WebRequest -Uri "https://raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/AGENT.md" `
  -OutFile "$env:USERPROFILE\.claude\agents\abp-blazor-ux-engineer.md"

Write-Host "Agent abp-blazor-ux-engineer installed!"

Windows (Command Prompt)

REM Create the agents directory
if not exist "%USERPROFILE%\.claude\agents" mkdir "%USERPROFILE%\.claude\agents"

REM Download the agent using PowerShell (one-liner)
powershell -Command "Invoke-WebRequest -Uri 'https://raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/AGENT.md' -OutFile '%USERPROFILE%\.claude\agents\abp-blazor-ux-engineer.md'" && echo Agent installed!

Linux / macOS (Bash)

Option 1: Automated install script

curl -fsSL https://raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/install.sh | bash

Option 2: Manual installation

mkdir -p ~/.claude/agents
curl -o ~/.claude/agents/abp-blazor-ux-engineer.md \
  https://raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/AGENT.md
echo "Agent abp-blazor-ux-engineer installed!"

PowerShell One-Liner (Windows)

irm raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/install.ps1 | iex

Usage

Inside Claude Code, simply use:

use the abp-blazor-ux-engineer agent to...

Then describe your UX/UI task or feature request.

Uninstallation

Windows (PowerShell)

Remove-Item -Force "$env:USERPROFILE\.claude\agents\abp-blazor-ux-engineer.md"
Write-Host "Agent abp-blazor-ux-engineer uninstalled!"

Windows (Command Prompt)

del "%USERPROFILE%\.claude\agents\abp-blazor-ux-engineer.md"
echo Agent abp-blazor-ux-engineer uninstalled!

Linux / macOS (Bash)

rm ~/.claude/agents/abp-blazor-ux-engineer.md
echo "Agent abp-blazor-ux-engineer uninstalled!"

PowerShell One-Liner (Windows)

irm raw.githubusercontent.com/Stebu21/abp-blazor-ux-engineer/main/uninstall.ps1 | iex

Requirements

• Claude Code
• ABP.IO framework knowledge (optional — the agent guides you)

License

MIT