Angular Developer
This one activates when you're building Angular projects and need architectural guidance or code generation. It handles the full stack: components, services, routing, dependency injection, forms (with a smart preference for signal forms on newer versions), and accessibility patterns. The standout bit is how opinionated it gets about modern Angular, pushing signals and the resource API while still covering reactive and template-driven forms when you need them. It'll run ng build after generating code to catch errors immediately, which saves you from the usual copy-paste-debug cycle. Also includes solid coverage of Angular Aria for building headless accessible components like accordions and comboboxes.
- skills.sh installs
- 1.7K
- GitHub stars
- 229.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add affaan-m/everything-claude-code --skill angular-developer --agent claude-codeInstalls into .claude/skills of the current project.
Files
Angular Developer Guidelines
When to Activate
- Working in any Angular project or codebase
- Creating or scaffolding a new Angular project, application, or library
- Generating components, services, directives, pipes, guards, or resolvers
- Implementing reactivity with Angular Signals,
linkedSignal, orresource - Working with Angular forms (signal forms, reactive forms, or template-driven)
- Setting up dependency injection, routing, lazy loading, or route guards
- Adding accessibility (ARIA), animations, or component styling
- Writing or debugging Angular-specific tests (unit, component harness, E2E)
- Configuring Angular CLI tooling or the Angular MCP server
-
Always analyze the project's Angular version before providing guidance, as best practices and available features can vary significantly between versions. If creating a new project with Angular CLI, do not specify a version unless prompted by the user.
-
When generating code, follow Angular's style guide and best practices for maintainability and performance. Use the Angular CLI for scaffolding components, services, directives, pipes, and routes to ensure consistency.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/affaan-m/everything-claude-code
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from affaan-m/everything-claude-code
All 256- Cisco Ios Patterns1.7K
- Django Celery1.7K
- Ecc Guide1.7K
- Error Handling1.7K
- Flox Environments1.7K
- Frontend Design Direction1.7K
- Homelab Network Readiness1.7K
- Homelab Network Setup1.7K
- Ios Icon Gen1.7K
- Make Interfaces Feel Better1.7K
- Motion Advanced1.7K
- Motion Ui1.7K
- Netmiko Ssh Automation1.7K
- Network Bgp Diagnostics1.7K
- Network Config Validation1.7K
- Network Interface Health1.7K
- Plan Orchestrate1.7K
- Production Audit1.7K
- Project Guidelines Example1.7K
- Redis Patterns1.7K
- Scholar Evaluation1.7K
- Skill Stocktake1.7K
- Tinystruct Patterns1.7K
- Ui To Vue1.7K
Recommended
More Frontend Development
frontend-design-directionaffaan-m/everything-claude-codefrontend design direction1.7Kskills.sh installs
managing-astro-local-envastronomer/agentsManage local Airflow environment with Astro CLI (Docker and standalone modes). Use when the user wants to start, stop, or restart Airflow, view logs, query the 1.6Kskills.sh installs
generate-import-htmladobe/skillsUse this when the page-import pipeline needs to produce structured HTML from authoring analysis for AEM Edge Delivery Services. Covers building section structur1.6Kskills.sh installsue-component-modeladobe/skillsCreate or edit the Universal Editor component configuration (component-definition.json, component-models.json, component-filters.json) for AEM Edge Delivery Ser1.6Kskills.sh installs