Skills
.Work. You
Rest

ABP Framework — UI & Frontend

Community

Integrate ABP UI with your chosen frontend.

Software Engineering#authorization#react#angular#blazor#ui theming#razor pages#abp ui
Authorburakdmir
Version1.0.0
Installs0

System Documentation

What problem does it solve?

ABP developers need a reliable way to choose and wire the correct UI framework (MVC/Razor Pages, Blazor, Angular, React) and implement the common building blocks like endpoints, authorization UI, proxies, and theming.

Core Features & Use Cases

  • UI framework selection guidance: Helps you map ABP’s typical UI approaches (server-side vs SPA) to the right setup.
  • Copy-ready integration patterns: Covers MVC/Razor Pages modules and controllers/pages, Blazor components and proxies, Angular service proxy and component wiring, and React modern template usage.
  • Operational UI concerns: Shows how to apply UI theming and enforce permissions in UI using ABP authorization patterns.
  • Use case example: Build an ABP BookStore feature where the same app supports Razor Pages for CRUD, Blazor for interactive UI, and a React admin console—while using permission checks to show or hide UI actions.

Quick Start

Ask your AI to generate an ABP UI integration plan and starter code for your target frontend (e.g., Blazor Web App or Angular), including authorization UI checks, menu contribution, and the correct proxy approach.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: ABP Framework — UI & Frontend
Download link: https://github.com/burakdmir/abp-skills/archive/main.zip#abp-framework-ui-frontend

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 471,000+ vetted skills library on demand.