10+ Custom GPTs to Supercharge Your Web Development
Testing the power and capabilities of custom GPTs for web developers and designers
Recently, OpenAI launched GPT Store where users can explore custom GPTs created by other users. I spent some time trying out different ones and understanding how useful they can be. Today, I want to share a list of my 10+ favorites that look useful for web-developers and designers. In the list, I will include a description of each one, as well as provide some examples that worked well for me.
1. Coding Assistant
Coding Assistant is a custom GPT created by ChatGPT tailored for developers. It’s like a debug buddy that helps you spot and fix code issues fast. Whether it’s a TypeScript bug or a complex algorithm, this AI digs into your code, finds where things go wrong, and guides you through fixing it. Plus, you get tips on writing cleaner, more efficient code. It’s an all-in-one tool for coders looking to level up their game.
Alternatives:
- Grimoire — Coding Wizard🧙♂️
- SeniorDev — JavaScript & Web Dev Expert. Framework Agnostic. Career Coach.
2. App Icon Creator
App Icon Creator is a cool tool for people who create websites and apps. Want to create a new app but don’t have graphic design skills? No problem, with the emergence of generative AI, this has become an easily solvable problem. With the help of this GPT, you can create a worthy icon using just one or two sentences. For example, describe what your app is about, mention its name. Check out different generated options, try out different styles, specify colors, level of detail, and complexity of the icon. Refer to well-known examples of icons if you want something similar in style.
And if you have a rough idea, you can attach a sketch that will be used as a base.
3. Image To Code
If you have been following the previous OpenAI presentations, you may have seen an example where ChatGPT generates website code from a photo with a sketch of the interface. That’s exactly what this GPT is designed for. For testing purposes, I prepared a small sketch with an interface for a typical Retrospective Session App, which includes three columns — “What went well?”, “What went wrong?”, and “What was missing?” in the previous sprint. My sketch looks like this:
After that, GPT asked me to specify which CSS and web frameworks I prefer to use, to which I responded by choosing Tailwind and React. The result turned out like this:
You can check the code and play with the prototype here — StackBlitz
4. Angular GPT — Project Builder
Since I use Angular for everyday work, I was curious to try out what Angular GPT can do. And I must say, the result turned out to be quite good. As an example, I attempted to generate a HackerNews application, which should display popular posts with dates, scores, and links. As an additional feature, I asked for pagination to be added. GPT follows a step-by-step and, in my opinion, the correct approach. First, you describe what you want, then ask clarifying questions, then the application structure, pseudocode, and only after all of that, if you’re satisfied, the step-by-step code generation begins.
I managed to generate this small application in just a couple of minutes. The process itself took less time than inserting code to StackBlitz project and making minor adjustments (e.g. RxJs, Standalone API). But overall, GPT handled the task quite well.
StackBlitz with the HackerNews client
Similar assistants for other web frameworks:
5. Node.js GPT — Project Builder
Node.js GPT uses the same principle as the previous assintant. Step-by-step questions and step-by-step code generation with the ability to make corrections after each response.
I asked to generate a backend for the Retro Session Board App that was created previously. Describing the data model and the necessary functionality with data storage in MongoDB, GPT started generating models, data schemas, and the endpoints themselves.
6. Database assistants
In sixth place, I would like to recommend three GPT assistants for working with databases of different types. All of them will help you answer specialized questions regarding SQL, NoSQL, as well as semantic data — RDF, OWL. Additionally, the assistants could help you generate queries to retrieve data, whether it’s complex aggregations for MongoDB, SQL, or SPARQL queries for graph databases.
7. Code to Diagram
If you haven’t heard of the library called Mermaid.js, be sure to check it out. Mermaid is designed for creating diagrams and charts using plain text descriptions. This allows users to easily create complex diagrams, such as flowcharts, sequence diagrams, class diagrams, and state diagrams, using a simple and intuitive syntax similar to Markdown. This GPT allows you to generate such diagrams based on the provided code.
For example, I asked the assistant to generate a class diagram by providing the code that was generated by another assistant (Angular GPT). Here’s what I got:
8. Logo Maker GPT
The Logo Maker GPT, like several previous assistants, uses a step-by-step interactive mode with guiding questions. In the first prompt, we specify the purpose for which we want to create a logo, and then the assistant will begin asking you about suitable styles and colors, the use of text in the logo, and so on.
I asked to generate a logo for my medium blog, and after answering a few questions, these options were proposed to me:
9. DesignerGPT — Creates and hosts beautiful websites
DesignerGPT was created to quickly generate and deploy landing pages with simple layouts. In other words, the assistant not only outputs HTML/CSS in a code block, but also immediately generates a link with the result on Replit. The first result is created immediately after the initial prompt with a description of the webpage you need. It’s really easy to use and makes creating a website simple and fast.
10. More everyday helpers
In addition to everything mentioned above, I came across several other interesting GPTs that I would also like to mention, but I don't want to make the article endlessly long, here are a few tools:
- Pull Request Comments — generates detailed comments on specified keywords
- RegEx Assistant — a GPT specialist for regex commands
- TypeScript Engineer — your TypeScript coach
- Firebase Assistant — a highly specialized assistant that will help you with working with Firebase
- Interview Pro — will help you prepare for your interview based on 11 years of experience
- Jira Ticket Generator — ticket writing assistant
- Doc Maker and Resume Builder — help you with your resume
In summary, I have the impression that I only scratched the surface, and these are just some obvious examples of using GPT as a daily assistant. It seems that the possibilities are simply limitless already, and it all depends on your creativity and imagination.
By the way, anyone with a Plus subscription can create their own GPT, and in the future, OpenAI plans to introduce a partner program for users 💰
What custom GPTs do you use to solve your tasks, or do you find standard GPT sufficient?
