add-component

name	add-component
description	Creates a new Angular standalone component with the HTML template wrapped in a <section> element

add-component

Creates a new Angular standalone component.

When to use

When the user asks to create, add, or generate a new Angular component.

Instructions

1. Determine the component name and target directory from the user's request.
2. Generate the component file (<name>.component.ts) as a standalone Angular component.
3. Wrap the HTML template in a <section> element as the root element.
4. Use this template structure:

@Component({
  selector: 'app-<name>',
  standalone: true,
  imports: [],
  template: `
    <section>
      <!-- component content here -->
    </section>
  `,
})
export class <Name>Component {}

5. Place the file in the appropriate directory based on the user's request or project conventions.
6. Report the created file path to the user.