Your resource for web content, online publishing
and the distribution of digital products.
S M T W T F S
 
 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 

How I Built Technical Writer: An AI Chatbot For an Open Source Project using Coze

DATE POSTED:November 21, 2024

As a participant in this year's Hacktoberfest, I created an AI chatbot called Technical Writer. This AI chatbot, built with Coze, is designed for beginners and technical writing experts. It is also integrated into the Technical Writing Mentorship Program (TWMP) learning site as a contribution to the TWMP community, founded by Nwokocha Wisdom. With his team, they have successfully trained over thirty technical writers, including me, in various technical fields.

\ Technical Writer helps technical writers by:

  1. Providing the right answers and career paths in technical writing.
  2. Suggesting projects for technical writers to build their portfolios.
  3. Simplifying technical writing terminologies with real-life examples.
Why Technical Writers Matter in Technical Writing

As a technical advocate who frequently shares the importance of technical writing on social media, I often receive direct messages from people asking questions like:

\

  1. How can I start in technical writing?
  2. What courses should I take to become a technical writer?

\ And many more questions. Sometimes, I find these questions overwhelming, even though I enjoy answering them.

\ I built this chatbot on available courses on TWMP’s site and an API documentation course by Tom Johnson to help answer and guide technical writers in their journey.

Demo

https://youtu.be/aVrPfzu0W-s?embedable=true

Coze Agent Store: TechnicalWriter

Discord Chatbot: TechnicalWriter

How I Built Technical Writer

These are the steps I took in building this chatbot:

Adding the Character and skills

I described my chatbot character and skill in the Persona & Prompt field and then optimized the character and skill.

Knowledge Resources

As mentioned earlier, the chatbot response will be based on the courses available on TWMP and API documentation course. To do this, I added these courses using the Knowledge feature.

\

  1. I batch-added the TWMP and API doc Course base URLs which took about 20 mins to process.

  2. I added these resources using “Add to agent.”

The reasons why I used only these resources are:

  1. The courses were written by experts in technical writing with proven records.

    \

  2. These courses have helped me and many others become top technical writers and excellent contributors for reputable organizations like Google and JSON Schema.

Chat Experience Welcoming Note

I added a friendly welcoming note to the chatbot which gives an overview of what the chatbot is all about using the “opening text” feature.

Auto-suggestion

To enhance further engagement and clarity for the users, I added the auto-suggestion feature with a custom prompt to keep the chatbot from within the scope of the chatbot.

Voice Chat

I also added a voice chat feature to the chatbot to ensure that people with visual impairments are not excluded. This promotes accessibility for users worldwide.

\ Furthermore, I enable communication in all available languages such as Arabic, Japanese, French, etc.

Discord Integration

Since TWMP’s community is on Discord, I integrated this chatbot into a Discord bot so that community members can interact with it directly.

  1. I created a New application and named it after the chatbot.

  2. Then I copied the Bot token and added it to the chatbot.

This link was sent to the group admin and was added to the server.

Submitting the Chatbot to the Agent Store

To ensure this chatbot is not used solely by the local community, I submitted it to the Coze agent store to help technical writers worldwide attain their skills and expertise in technical writing. It was submitted under the 'Writing’ category.

So if you head over to the Writing category, and search for TechnicalWriter”, you will see it there

\

:::tip Don’t forget to drop a comment, like, and share with others

:::

Adding the Chatbot to the Learning Site
  1. I copied the chatbot Web SDK.

  2. I added it to the repo.

Result:

The chatbot icon is displayed on the site.

As it responds to the user, it also adds a reference, as shown above.

Final Note

This process took me one week to complete because I built this chatbot for an open-source community, so it had to go through the proper procedures. I was asked to change the icon to match the community logo.

\ Some of the challenges I faced were:

  1. Trying to modify the height of the chatbot.
  2. I couldn't add an avatar or image on behalf of the user.

\ Despite these challenges, I believe more features will be added. Thanks to the documentation and my experience creating a Telegram bot, I also learned how to create a Discord chatbot for the first time.

:::info If you find this chatbot helpful, don’t hesitate to add it to your community.

:::

\