Programación
Generador de directivas de Angular
Angular Directive Generator
- Probado con:
- GPT-4o
- Eficacia:
- 90/100
- Archivo de prompts
Versión en Español
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.Rellena y ejecuta
Este prompt tiene 5 huecos. Rellénalos y montaremos el prompt final por ti.
Quedan 5 por rellenar
Prompt final
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.- Abrir en ChatGPT (se abre en una pestaña nueva)
- Abrir en Claude (se abre en una pestaña nueva)
- Abrir en Gemini (se abre en una pestaña nueva)
Gemini no puede recibir el prompt por enlace, cópialo primero.
- Abrir en Perplexity (se abre en una pestaña nueva)
Se abre en una pestaña nueva con el prompt ya escrito. Puede que necesites iniciar sesión.
Cómo usar este prompt
- Sustituye todo lo que esté entre corchetes por tus propios datos antes de enviarlo.
- Los resultados varían según el modelo. Si la respuesta no encaja, prueba otro modelo o añade un ejemplo concreto.
- Envía el prompt en un solo mensaje. Dividirlo en varios turnos debilita las instrucciones.