/ng-component

From claude-dev-toolkit

Description

Generate a new Angular component

AI Summary

Generates Angular components with TypeScript class, template, stylesheet, and test files.

Install

Add the repository(one-time)

/plugin marketplace add jamesscalescode/claude-dev-toolkit

Install the plugin

/plugin install claude-dev-toolkit@claude-dev-toolkit

Argument

path/component-name

Command Content

Generate a new Angular component at $1:

Create the component using Angular CLI:
```
ng generate component $1
```
The component will include:
- TypeScript component class
- HTML template
- CSS/SCSS stylesheet
- Spec file for testing
Provide guidance on:
- How to use the component in templates
- Common component patterns (inputs, outputs, lifecycle hooks)
- Where to import it if needed

If the user didn't specify a path, ask them where they want to create it (e.g., features/user/components/user-profile or shared/components/button).

Links

GitHub Stats

0 forks

Updated 1 month ago