Angular components agent

The plugin ships one agent, smart:angular-components, for building screens in an application that uses @smartsoft001/angular. It selects a component and delegates its API details to a background skill.

What it does

When a developer describes a piece of UI, the agent chooses a smart-* component and delegates to an angular-components-<name> skill for its API, options and usage pattern. The plugin contains 54 such background skills, one per component, and the agent's catalogue names every one of them (docs-check fails when it doesn't). The same skill files feed the generated Components section of this site.

When to use it

Ask for it, or let Claude pick it, when you want to build a page or feature with the framework's components, choose between components for a requirement, get the exact imports and options for one of them, or extend a base class with a custom implementation.

How it is invoked

The agent is available after you install the plugin and reload Claude Code. Claude can select it for matching UI work; you can also ask explicitly, for example "use the smart:angular-components agent to build the settings page". The target project needs @smartsoft001/angular (npm install @smartsoft001/angular), whose styling and import conventions are on the angular package page.

Source

Defined in agents/angular-components/AGENT.md, next to the angular-components-* skills it delegates to.