Ideale per
- Partire da un prompt strutturato e riutilizzabile invece di una chat vuota.
- Adattare il prompt ai propri input mantenendo intatto l'intento originale.
- Flussi di lavoro legati a Software Development, Design & Art.
Generatore di keyframe per animazioni CSS
Compila questo promptGenera animazioni CSS keyframe personalizzate per elementi UI.
Modello di prompt
Create CSS `@keyframes` and the corresponding utility class for a {{Animation Style: Fade, Slide, Bounce, Spin, Pulse}} animation. The animation should have a duration of {{Duration in Seconds:1-10}} seconds, run {{Iteration Count: Infinite, 1, 2, 3}} times, and use a {{Timing Function: ease-in-out, linear, ease-in, cubic-bezier}}. Provide the code for animating a {{Element: e.g. Puco UI call-to-action button}}.
Guida al prompt
Come usarlo
- Copia il modello di prompt completo.
- Sostituisci ogni variabile con il tuo contesto o scegli una delle opzioni suggerite.
- Incolla il prompt completato in ChatGPT, Claude, Gemini o un altro assistente IA.
Variabili in questo prompt
Animation Style
Fade, Slide, Bounce, Spin, Pulse
Duration in Seconds
1-10
Iteration Count
Infinite, 1, 2, 3
Timing Function
ease-in-out, linear, ease-in, cubic-bezier
Element
e.g. Puco UI call-to-action button
Esempio di partenza
Create CSS `@keyframes` and the corresponding utility class for a Fade animation. The animation should have a duration of 1-10 seconds, run Infinite times, and use a ease-in-out. Provide the code for animating a e.g. Puco UI call-to-action button.
Come funzionano le variabili
Sintassi delle variabili
Le variabili sono racchiuse tra {{ e }} e seguono questo schema:
{{variable name: option1, option2, option3 }}
Variabili predefinite
Una selezione può fare riferimento a un elenco di variabili predefinito usando le parentesi quadre. Appaiono in [arancione] e forniscono valori di uso comune come colori, toni o lingue.
{{Tone: [tones] }}
Elenchi di scelta personalizzati
Puoi anche fornire un elenco di scelte in linea, separate da virgole.
{{Format: bullet points, paragraphs, numbered list }}
Suggerimento: non hai bisogno dell'app PUCO per usare questi prompt! Copia semplicemente il modello e sostituisci ogni sezione {{…}} con il tuo testo direttamente in ChatGPT, Claude, Gemini o qualsiasi altro assistente IA.