Skip to main content

ChatGPT

Welcome to the ChatGPT guide! This guide will walk you through the process of using the ChatGPT model to generate improved code to a given prompt.

Paste your code after the : in each prompt.

Checking Javascript code with ChatPGT:

Rewrite and show in a codebox + add comments + add JSdoc + use ES6 + use AirBNB linting rules:

Checking PHP code with ChatPGT:

Rewrite and show in a codebox + add comments + add PHPdoc:

Checking TWIG code with ChatPGT:

Rewrite this TWIG code and show in a codebox + add comments:

Convert from SCSS to Tailwind:

Rewrite and show in a codebox + add comments + transform from SCSS to Tailwind:

Generating TWIG markup:

Create 3 columns with tailwind and stack on breakpoints below MD. Also add BEM style component class starting with "o-something". Only give an answer in the codebox. Add comments.

Generating TWIG markup with AOS:

Create 3 columns with tailwind and stack on breakpoints below MD. Also add BEM style component class starting with "o-something". Only give an answer in the codebox. Add comments. Add AOS animation to the columns.

Find a bug in your code:

Find the bug in this code:

Notes

Does the answer timeout halfway through? Try this prompt:

Continue in codebox. Make sure the previous answer is included in this codebox