angular-developer

The Angular Developer skill generates Angular code, provides architectural guidance, and assists with project scaffolding, state management, testing, and styling. It follows Angular best practices, including the use of Signals, and utilizes the Angular CLI for project maintenance.

20.1K
Installs
7
Use cases
5/10
Quality

Is angular-developer safe to install?

Review the source first

Review the source first: our audit of angular-developer's source files found 5 shell commands, 2 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands including ng build and project creation commands. It also fetches external documentation from angular.dev.

How we audit skills: our security review methodology.

Who is this skill for?

Angular developers building or maintaining applications who require architectural guidance, code generation, and adherence to framework best practices.

What can you do with it?

  • Scaffolding new Angular projects using the Angular CLI
  • Generating components, services, directives, pipes, and routes
  • Implementing state management with Angular Signals, linkedSignal, and resource
  • Configuring forms using Signal, template-driven, or reactive strategies
  • Implementing dependency injection and route navigation
  • Writing unit and end-to-end tests
  • Refactoring code using migration tools

How good is this skill?

Quality score: 5/10. The skill provides clear, structured guidelines and specific execution rules for CLI operations. It references internal documentation files for various Angular features.

What does the skill file contain?

SKILL.md
# Angular Developer Guidelines

1. 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.

2. 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.

3. Once you finish generating code, run `ng build` to ensure there are no build errors. If...

Frequently asked questions

How does the skill determine which Angular CLI version to use?

It checks for an explicit user version request, then checks for an existing local installation via ng version, and falls back to npx @angular/cli@latest if no installation is found.

What form management strategy does the skill recommend for new projects?

It prefers Signal Forms for applications using Angular v21 or newer.

Does the skill verify the generated code?

Yes, it runs ng build after generating code to ensure there are no build errors.

Data sourced from angular/skills on GitHub. Install counts from skills.sh. The summary and security audit are derived from the skill's source files: every command and URL listed appears verbatim in the source.

Related skills

find-skills

2.3M

Users seeking to extend agent capabilities with specialized tools, workflows, or knowledge packages

The find-skills skill enables agents to search for, discover, and install modular packages from the open agent skills ecosystem using the Skills CLI.

highclipackage-managervercel-labs

frontend-design

618.4K

AI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs

The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.

nonedesignfrontendanthropics

agent-browser

506.7K

AI agents and developers requiring programmatic web interaction, exploratory testing, or automation of Electron desktop applications

The agent-browser CLI provides browser automation for AI agents using Chrome or Chromium via CDP. It supports page navigation, form interaction, data extraction, and testing. The tool utilizes accessibility-tree snapshots and element references for interaction.

highbrowser-automationclivercel-labs

video-edit

338.7K

Users of the RunComfy CLI who need to automate video editing tasks like restyling, background swapping, or motion transfer

The video-edit skill acts as a router for the RunComfy CLI, selecting between Wan 2.7 Edit-Video, Kling 2.6 Pro Motion Control, and Lucy Edit Restyle models based on user intent to perform video transformations.

highvideo-editingai-agentagentspace-so