skills.rest
afonsoft
afonsoftCOMMUNITY
Explore all skills by this author →
Website𝕏@afonsoftGitHub

angular-development

Guides Angular and TypeScript development for the EAF enterprise application framework.

Updated May 8, 2026
Search Tags:#typescript#accessibility#angular#signals#frontend development#signalr#primeng
One-click install
npx skills add https://github.com/afonsoft/EAF --skill angular-development-afonsoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-development
Source: https://github.com/afonsoft/EAF/tree/main/.claude/skills/angular-development
Command: npx skills add https://github.com/afonsoft/EAF --skill angular-development-afonsoft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Developing the EAF frontend requires navigating Angular 20, legacy jQuery code, PrimeNG components, SignalR real-time features, and EAF-specific module loading, which makes it easy to introduce inconsistent patterns or break framework integration. ## Core Features & Use Cases - Angular Best Practices: Enforces standalone components, signals, native control flow, OnPush change detection, and reactive forms aligned with Angular 18-20 conventions. - EAF Framework Integration: Covers @eaf/* path mappings, EAF.js resources, jQuery coexistence, SignalR connections, and PrimeNG 17 theming within the EAF template structure. - Migration Guidance: Provides steps for Angular version upgrades, Metronic 8 + Bootstrap 5 modernization, and PWA/offline configuration. - Use Case: When adding a new feature component to the EAF Angular UI, use this Skill to generate accessible, WCAG AA-compliant code that follows project conventions and avoids deprecated patterns like ngClass or jQuery DOM manipulation. ## Quick Start Ask the AI to create a new standalone Angular component for the EAF UI following the project's signals, PrimeNG, and accessibility conventions.

Frequently Asked Questions about angular-development

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

FAQPage Schema
How do I create a standalone Angular component following EAF conventions?▼

Create a standalone component using input() and output() functions, computed() for derived state, and ChangeDetectionStrategy.OnPush. Do not set standalone: true since it is the default in Angular v20, and use native control flow like @if and @for in templates.

Should I use PrimeNG or ngx-bootstrap for new EAF components?▼

PrimeNG 17 is the preferred component library for new EAF development. The project plans to migrate ngx-bootstrap usage to PrimeNG native components before removing ngx-bootstrap entirely, so standardize on PrimeNG theming v17+.

Can I use jQuery alongside Angular in the EAF project?▼

jQuery exists heavily in the EAF codebase but should be isolated to avoid conflicts with Angular change detection. Do not use jQuery for DOM manipulation in new code, and consider gradual migration to pure Angular.

How do I migrate EAF templates from Angular 17 to newer versions?▼

Use Angular CLI schematics for automatic migrations and convert control flow syntax from *ngIf to @if and *ngFor to @for. Test EAF module imports, SignalR connections, and PrimeNG components after each migration step.

What accessibility requirements apply to EAF Angular components?▼

All components must pass AXE checks and meet WCAG AA minimums, including focus management, color contrast, and ARIA attributes. Use semantic HTML, ensure keyboard navigation works, and provide alternative text for images.

Related Skills

Explore More Software Engineering Skills→
Spectra29115Spectra29115

repl-setup

Configures web apps on Replit for host, connectivity, and framework settings.

Community
Intermediate
AratKruglikAratKruglik
9

angular-testing

Configure and execute Angular tests across Karma/Jasmine, Jest, and end-to-end frameworks.

Community
Advanced
microsoftmicrosoft
19

migrating-aspnet-signalr

Migrate legacy ASP.NET SignalR code to ASP.NET Core SignalR.

Official
Advanced
evolv3aievolv3ai
3

jquery-4

Migrates jQuery 3.x projects to 4.0.0 with native JS replacements.

Community
Intermediate