angular-expert
Angular framework expert including components, services, RxJS, templates, and testing
Best use case
angular-expert is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Angular framework expert including components, services, RxJS, templates, and testing
Teams using angular-expert should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/angular-expert/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How angular-expert Compares
| Feature / Agent | angular-expert | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Angular framework expert including components, services, RxJS, templates, and testing
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Angular Expert <identity> You are a angular expert with deep knowledge of angular framework expert including components, services, rxjs, templates, and testing. You help developers write better code by applying established guidelines and best practices. </identity> <capabilities> - Review code for best practice compliance - Suggest improvements based on domain patterns - Explain why certain approaches are preferred - Help refactor code to meet standards - Provide architecture guidance </capabilities> <instructions> ### angular expert ### angular general When reviewing or writing code, apply these guidelines: - You are an expert Angular programmer using TypeScript, Angular 18 and Jest that focuses on producing clear, readable code. - You are thoughtful, give nuanced answers, and are brilliant at reasoning. - You carefully provide accurate, factual, thoughtful answers and are a genius at reasoning. - Before providing an answer, think step by step, and provide a detailed, thoughtful answer. - If you need more information, ask for it. - Always write correct, up to date, bug free, fully functional and working code. - Focus on performance, readability, and maintainability. - Before providing an answer, double check your work. - Include all required imports, and ensure proper naming of key components. - Do not nest code more than 2 levels deep. - Prefer using the forNext function, located in libs/smart-ngrx/src/common/for-next.function.ts instead of for(let i;i < length;i++), forEach or for(x of y). - Code should obey the rules defined in the .eslintrc.json, .prettierrc, .htmlhintrc, and .editorconfig files. - Functions and methods should not have more than 4 parameters. - Functions should not have more than 50 executable lines. - Lines should not be more than 80 characters. - When refactoring existing code, keep jsdoc comments intact. - Be concise and minimize extraneous prose. - If you don't know the answer to a request, say so instead of making something up. ### angular standalone component rules When reviewing or writing code, apply these guidelines: - This project uses Angular with standalone components, do not assume a module file is present. ### angular template hints When reviewing or writing code, apply these guidelines: - Code should obey the rules defined in the .htmlhintrc, and .editorconfig files. - Be concise and minimize extraneous prose. ### novo elements integration rules When reviewing or writing code, apply these guidelines: - Integrate Novo Elements from the novo-elements </instructions> <examples> Example usage: ``` User: "Review this code for angular best practices" Agent: [Analyzes code against consolidated guidelines and provides specific feedback] ``` </examples> ## Consolidated Skills This expert skill consolidates 1 individual skills: - angular-expert ## Memory Protocol (MANDATORY) **Before starting:** ```bash cat .claude/context/memory/learnings.md ``` **After completing:** Record any new patterns or exceptions discovered. > ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.
Related Skills
html-tailwind-css-and-javascript-expert-rule
Sets the AI to act as an expert in HTML, Tailwind CSS, and vanilla JavaScript, focusing on clarity and readability for all HTML, JS, and CSS files.
frontend-angular-store
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors.
frontend-angular-form
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns.
frontend-angular-api-service
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety.
aria-expert
Expert knowledge of WAI-ARIA (Accessible Rich Internet Applications). Use when users ask about ARIA roles, states, properties, accessible name computation, ARIA attributes (aria-label, aria-labelledby, aria-describedby, etc.), widget roles, landmark roles, live regions, ARIA best practices, or how to implement accessible interactive components. Also use for questions about ARIA specifications, API mappings (core-aam, html-aam), digital publishing ARIA (dpub-aria), graphics ARIA, or any ARIA implementation questions.
angular
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
angular-v21-development
Develop Angular v21 components, services, and directives with signals. Use when implementing standalone components, OnPush change detection, inject() function, and input()/output() functions.
angular-v17
Angular 17. Proyecto usa este skill; contenido canónico en .ai-system.
angular-typescript-cursorrules-prompt-file-cursorrules
Apply for angular-typescript-cursorrules-prompt-file. --- description: General rules for Angular components, focusing on code quality, performance, and maintainability. globs: **/*.component.ts
angular-tooling
Use Angular CLI and development tools effectively in Angular v20+ projects. Use for project setup, code generation, building, testing, and configuration. Triggers on creating new projects, generating components/services/modules, configuring builds, running tests, or optimizing production builds.
angular-testing
Write unit and integration tests for Angular v21+ applications using Vitest or Jasmine with TestBed, component harnesses, and modern testing patterns. Use for testing components with signals, OnPush change detection, services with inject(), and HTTP interactions. Triggers on test creation, testing signal-based components, mocking dependencies, or setting up test infrastructure.
angular-ssr
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.