skills.rest
burakdmir
burakdmirCOMMUNITY
Explore all skills by this author →
GitHub

ABP Framework — UI & Frontend

Integrate ABP Framework UI across MVC/Razor Pages, Blazor, Angular, and React with theming and permission checks.

13|4|Updated May 27, 2026
Search Tags:#authorization#react#angular#blazor#ui theming#razor pages#abp ui
One-click install
npx skills add https://github.com/burakdmir/abp-skills --skill abp-framework-ui-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ABP Framework — UI & Frontend
Source: https://github.com/burakdmir/abp-skills/tree/main/claude/abp-ui
Command: npx skills add https://github.com/burakdmir/abp-skills --skill abp-framework-ui-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about ABP Framework — UI & Frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate an Angular frontend with ABP Framework service proxies?▼

Integrating an Angular frontend with ABP Framework involves wiring service proxies and components while applying ABP conventions for routing and module setup. This ensures your SPA client correctly interacts with backend endpoints and maintains consistent authorization UI checks.

What is the best way to scaffold ABP Blazor components and proxies?▼

The best way to scaffold ABP Blazor components is by following ABP UI integration patterns that wire interactive components and service proxies. This approach maintains ABP conventions for routing and authorization UI permission checks across your server-side and SPA-style clients.

How do I apply UI theming and permission checks in ABP Razor Pages?▼

Applying UI theming and permission checks in ABP Razor Pages requires configuring menu contributions and using ABP authorization patterns. These operational UI concerns enforce permissions to show or hide UI actions within your MVC or Razor Pages modules.

Can I use a React admin console alongside ABP MVC Razor Pages in the same application?▼

Yes, you can use a React admin console alongside ABP MVC Razor Pages within the same application. ABP UI integration supports multiple frontend approaches simultaneously, allowing you to scaffold endpoints and apply authorization checks consistently across different client types.

Does ABP Framework support UI authorization checks for React and Blazor clients?▼

Yes, ABP Framework supports UI authorization checks for React and Blazor clients by enforcing permissions using ABP authorization patterns. This allows you to show or hide UI actions consistently across server-side and SPA-style frontend implementations.

Why do I need to configure routing and module setup for ABP frontend implementations?▼

Configuring routing and module setup for ABP frontend implementations is required to scaffold endpoints, components, and service proxies correctly. This configuration keeps ABP conventions consistent across server-side and SPA-style clients during UI integration.

Related Skills

Explore More Software Engineering Skills→
thapaliyabikendrathapaliyabikendra
24

abp-contract-scaffolding

Generate ABP Application.Contracts interfaces, DTOs, and permissions from technical design.

Community
Intermediate
afonsoftafonsoft
1

abp-cli

Automate ABP CLI workflows for proxy generation, library installation, and module operations.

Community
Intermediate
afonsoftafonsoft
1

abp-dependency-rules

Enforce ABP layer dependency rules across Domain, Application, HttpApi, and Infrastructure projects.

Community
Advanced
PostHogPostHog
58

feature-flags-dotnet

Configure PostHog feature flags in ASP.NET Core and .NET applications.

Official
Advanced