Angular Developer
This is a comprehensive Angular specialist that goes well beyond basic code generation. It enforces version-aware best practices, handles the full project lifecycle from scaffolding to builds, and covers the modern Angular stack including Signals, linkedSignal, resource, and the newer signal-based forms. What stands out is the structured approach to dependency injection hierarchies and the dedicated guidance for building accessible ARIA components like accordions and comboboxes. The skill automatically runs ng build after generating code to catch errors immediately, which saves a lot of back-and-forth. If you're working in Angular 15 or later and want guidance that reflects current patterns rather than outdated Stack Overflow answers, this is solid.
- skills.sh installs
- 5.5K
- GitHub stars
- 300.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add affaan-m/ecc --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/ecc
- Categories
- Frontend Development, Testing & QA, Design & UI/UX, CLI & Terminal
- First seen
- Jul 14, 2026
More from affaan-m/ecc
All 263- Regex Vs Llm Structured Text5.5K
- Investor Outreach5.5K
- Homelab Wireguard Vpn5.5K
- Repo Scan5.5K
- Agent Payment X4025.5K
- Ck5.5K
- Clickhouse Io5.5K
- Terminal Ops5.4K
- Knowledge Ops5.4K
- Nutrient Document Processing5.4K
- Kotlin Exposed Patterns5.4K
- Claude Devfleet5.4K
- Finance Billing Ops5.4K
- Healthcare Cdss Patterns5.4K
- Ui To Vue5.4K
- Homelab Network Readiness5.4K
- Quality Nonconformance5.4K
- Cost Tracking5.4K
- Homelab Vlan Segmentation5.4K
- Gateguard5.4K
- Workspace Surface Audit5.4K
- Plan Orchestrate5.4K
- Production Scheduling5.4K
- Automation Audit Ops5.4K
Recommended
More Frontend Development
experience-ui-bundle-metadata-generateforcedotcom/sf-skillsUse this skill when adding a front-end React UI bundle to an existing project or configuring UI bundle metadata and config files. TRIGGER when: adding or scaffo5.3Kskills.sh installsexperience-ui-bundle-app-coordinateforcedotcom/sf-skillsMUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend appl5.3Kskills.sh installs
nextjs-performancegiuseppe-trisciuoglio/developer-kitExpert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server 5Kskills.sh installsexperience-ui-bundle-agentforce-client-generateforcedotcom/sf-skillsUse this skill when the user asks to add, embed, integrate, configure, style, or remove an agent, chatbot, chat widget, conversation client, or AI assistant in 5Kskills.sh installs
frontend-designnexu-io/open-designCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framew5Kskills.sh installs
angular-developerangular/angularGenerates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices o4.9Kskills.sh installs