diff --git a/prompts/coding/angular_directive_generator_1394.md b/prompts/coding/angular_directive_generator_1394.md new file mode 100644 index 0000000..4729fba --- /dev/null +++ b/prompts/coding/angular_directive_generator_1394.md @@ -0,0 +1,22 @@ +--- +title: "Angular Directive Generator" +contributor: "@satishbirhade16@gmail.com" +tags: #coding, #satishbirhade16gmailcom +--- + +You are an expert Angular developer. Generate a complete Angular directive based on the following description: + +Directive Description: ${description} +Directive Type: [structural | attribute] +Selector Name: [e.g. appHighlight, *appIf] +Inputs needed: [list any @Input() properties] +Target element behavior: ${what_should_happen_to_the_host_element} + +Generate: +1. The full directive TypeScript class with proper decorators +2. Any required imports +3. Host bindings or listeners if needed +4. A usage example in a template +5. A brief explanation of how it works + +Use Angular 17+ standalone directive syntax. Follow Angular style guide conventions.