Implements Angular UI components, routing, and service integration for ABP framework projects.
npx skills add https://github.com/afonsoft/gamehub --skill abp-angular-afonsoft
Please help me install this Agent Skill. Skill: abp-angular Source: https://github.com/afonsoft/gamehub/tree/main/.claude/skills/abp-angular Command: npx skills add https://github.com/afonsoft/gamehub --skill abp-angular-afonsoft
abp generate-proxy -t ng to create typed service classes in src/app/proxy/ from backend APIs. - List & CRUD Patterns: Wire ListService hookToQuery, ConfirmationService delete flows, reactive forms with validation, and modal-based create/edit dialogs. - Authorization & Localization: Apply PermissionGuard on routes, the *abpPermission directive in templates, and the abpLocalization pipe for translated UI text. - Use Case: When adding a new feature module (e.g., a book management page) to an ABP Angular app, follow the included patterns to scaffold the module, lazy-loaded routing, list component, form, and permission checks consistently. ## Quick Start Ask the AI to create an ABP Angular list component with routing, permissions, and localization for your entity using this skill.High-intent search queries and answers about installing and using this skill.
Run `abp generate-proxy -t ng` from the Angular project root. The ABP CLI generates typed service classes in `src/app/proxy/` that mirror your backend application services, giving you compile-time safety for API calls.
Inject ListService publicly and call `this.list.hookToQuery(query => this.bookService.getList(query)).subscribe(...)` in ngOnInit. ListService manages pagination, sorting, and refresh via `this.list.get()` after create or delete operations.
Add PermissionGuard to canActivate and set `data: { requiredPolicy: 'BookStore.Books' }` on the route. For template-level control, use the *abpPermission structural directive or PermissionService.getGrantedPolicy() for programmatic checks.
Use the abpLocalization pipe, e.g. `{{ '::Books' | abpLocalization }}`, with optional parameters for interpolated values. In TypeScript, inject LocalizationService and call `instant('::Key')` to resolve the same resource strings.
Proxies are generated code and do not update automatically. Re-run `abp generate-proxy -t ng` whenever backend application service signatures or DTOs change to regenerate the typed classes in src/app/proxy/.
shakesoftDefines application service interface conventions and DTO patterns for ASP.NET Zero APIs.
bingeli1379Automate CI/CD pipeline creation for .NET applications using GitHub Actions or Azure DevOps.
d-padmanabhanDiagnose AWS IAM AccessDenied errors across policy layers.
burakdmirIntegrate ABP Framework UI across MVC/Razor Pages, Blazor, Angular, and React with theming and permission checks.