congiuluc/frontend-angular
skills/frontend-angular/SKILL.md
Build Angular 19 + TypeScript frontend with standalone components, signals, and reactive patterns. Use when: creating components, pages, services, routing, forms, state management, API integration, or Angular project structure.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add congiuluc/my-awesome-copilot frontend-angularInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 1:22 PM4.5s5 files scanned
SKILL.md
- name:
- frontend-angular
- description:
- Build Angular 19 + TypeScript frontend with standalone components, signals, and reactive patterns. Use when: creating components, pages, services, routing, forms, state management, API integration, or Angular project structure.
- argument-hint:
- Describe the component, page, service, or feature to build.
Frontend Angular TypeScript
When to Use
- Creating or modifying Angular standalone components
- Building new features, pages, or shared components
- Configuring Angular CLI, TypeScript, or styling
- Integrating with backend API endpoints using HttpClient
- Building reactive forms with typed form controls
Official Documentation
- Angular 19
- Angular Signals
- Angular Standalone Components
- Angular HttpClient
- Angular Reactive Forms
- TypeScript Handbook
- Angular CDK
Procedure
- Determine file location using project structure
- Follow component patterns for all UI code
- Apply TypeScript conventions
- Review sample component for complete pattern
- Style with TailwindCSS or Angular-compatible CSS — mobile-first responsive
- Ensure accessibility (see
accessibilityskill) - Handle loading, error, and empty states for data-fetching components
- Use Angular signals for reactive state management
- Use
OnPushchange detection on all components - Use
takeUntilDestroyed()for subscription cleanup - Create corresponding tests (see
testing-frontend-angularskill)
Related Skills
congiuluc/vscode-extension
tools
VerifiedTrustedCommunity
Build VS Code extensions with TypeScript. Covers extension anatomy, activation events, commands, tree views, webview panels, language features, testing, and publishing. Use when: creating a new VS Code extension, adding commands/views/providers, building webview UIs, implementing language server features, testing extensions, or packaging for the marketplace.
SKILL.mdUpdated Apr 16, 2026
congiuluc/version-tracking
development
VerifiedTrustedCommunity
Track implementations, features, bugs, and releases in a versioning document. Use when: adding a commit, completing a feature, fixing a bug, or preparing a release. Automatically updates CHANGELOG.md following Keep a Changelog format and Semantic Versioning.
SKILL.mdUpdated Apr 16, 2026
congiuluc/testing-frontend
development
VerifiedTrustedCommunity
Write frontend tests using Vitest and React Testing Library. Use when: testing React components, hooks, user interactions, form submissions, accessibility assertions, or mocking API services.
SKILL.mdUpdated Apr 16, 2026
congiuluc/testing-frontend-angular
development
VerifiedTrustedCommunity
Write Angular frontend tests using Jasmine, Karma, and Angular TestBed. Use when: testing Angular components, services, pipes, directives, user interactions, form submissions, accessibility assertions, or mocking HTTP services.
SKILL.mdUpdated Apr 16, 2026