as a AI project, we should create new them with AI generate ,like Huemint

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'split')

Is your feature request related to a problem? Please describe.

No

Describe the solution you'd like

I would like to be able to use ChatGPT to automatically create GitHub issues from within ClickPrompt. This would help community contributors better understand the requirements and goals of a given feature request.

Describe alternatives you've considered

Manually creating GitHub issues is a time-consuming process, and it can be difficult to ensure that all relevant information is included. By automating this process with ChatGPT, we can save time and improve the overall quality of the issues we create.

Additional context

Add any other context or screenshots about the feature request here.

模板示例 1：使用 ChatGPT 创建 issue

我们想在 ClickPrompt 上添加一个新的需求： 在 ClickPrompt 上使用 ChatGPT 自动创建 GitHub issue，以便于社区贡献者能更好的理解这个需求。输出需求： “”“Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.
”“”

模板示例 2：使用 ChatGPT 分析 issue 编写代码

我们是 ClickPrompt 开源项目的贡献者，我们想让你为 ClickPrompt 添加一些新的功能。开始之前请阅读一下这些资料：

• ClickPrompt 是一款专为 Prompt 编写者设计的工具，它支持多种基于 Prompt 的 AI 应用，例如 Stable Diffusion、ChatGPT 和 GitHub Copilot 等。 使用 ClickPrompt，您可以轻松地查看、分享和一键运行这些模型，同时提供在线的 Prompt 生成器，使用户能够根据自己的需求轻松创建符合要求的 Prompt，并与其他人分享。
• ClickPrompt 包含了些页面组件：chatgpt、chatgpt-general、chatgpt-generator-cot、chatgpt-interactive-game、chatgpt-prompt-role-play、chatgpt-samples、chatgpt-startling-by-each-step、github-copilot-samples、resources、stable-diffusion-examples、stable-diffusion-generator
• ClickPrompt 使用 Next.js、React、Chakra UI、Tailwind 等作为主要的开发框架，使用 Planetscale 作为数据库。

现在，我们想让你添加一个新的功能，即：feature: add tour guide for ClickPrompt。描述如下：

Is your feature request related to a problem? Please describe.
No, just a new feature

Describe the solution you'd like
like: https://reactour.vercel.app/

examples library: https://github.com/elrumordelaluz/reactour

请编写一下示例代码

• 贡献指南
• 翻译指南
• 英文 README

用 ChatGPT协作生成

          ```suggestion

if (value != undefined && keyword != undefined && value.length > 0 &&
keyword.length > 0) {
return value
.split(regex)
.reduce((acc: any, part: string, i: number) => {
if (i === 0) {
return [part];
}
return acc.concat(

{keyword}
,
part,
);
}, [])
.map((part: any, i: number) => <React.Fragment key={i}>{part}</React.Fragment>);
} else {
return value;
}

_Originally posted by @CGQAQ in https://github.com/prompt-engineering/click-prompt/pull/58#discussion_r1127661697_
            

解析 ChatGPT 的返回结果，如果是 mermaid 的形式，则渲染出来

Is your feature request related to a problem? Please describe.

No, this is a feature request to integrate Mermaid or PlantUML into ClickPrompt for online diagramming.

Describe the solution you'd like

I would like to have the ability to create and export diagrams within ClickPrompt using either the Mermaid or PlantUML syntax. The integration should be easy to use and intuitive, allowing users to easily create, edit, and export diagrams. The output should be in a high-quality format, suitable for presentations and documentation.

Describe alternatives you've considered

There are other online diagramming tools available, but I prefer to have the ability to create and export diagrams within ClickPrompt.

Additional context

As a software developer, I often need to create diagrams to visualize complex systems or workflows. Having the ability to create and export diagrams directly within ClickPrompt would save me time and improve my productivity. Additionally, it would allow me to keep all of my work in one place, instead of having to switch between multiple tools. Thank you for considering this feature request.

url: /stable-diffusion-generator

like: (1girl1.2),(cat ears1.1),(nice_dress0.9)

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like

in current design, all client use API in their components, like ChatRoot.tsx:

  async function createConversation() {
    const response = await fetch("/api/chatgpt/conversation", {
      method: "POST",
      body: JSON.stringify({
        action: "create_conversation",
        name: "Default name",
      } as RequestCreateConversation),
    });
   ...
  }

很奇怪的问题，need help

期待：不会折断整个 Card，瀑布流？

• need to fix metadata
• need a way to adopt third party lib(client component)

Describe the bug
error when click ChatGPT Login button:

To Reproduce
Steps to reproduce the behavior:

1. git clone the source code
2. npm i
3. npm run dev (started on localhost:3000)
4. open localhost:3000 in microsoft edge
5. click prompt button
6. enter openai key in textbox and click login button, then get error message

click-prompt:dev: click-prompt:dev: Import trace for requested module: click-prompt:dev: ../../node_modules/node-fetch/lib/index.js click-prompt:dev: ./src/api/user.ts click-prompt:dev: ./src/components/ClickPrompt/ClickPromptButton.tsx click-prompt:dev: No secret key env in the server. click-prompt:dev: error - TypeError: fetch failed click-prompt:dev: at Object.fetch (node:internal/deps/undici/undici:11413:11) click-prompt:dev: at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { click-prompt:dev: cause: Error: getaddrinfo ENOTFOUND undefined click-prompt:dev: at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:107:26) click-prompt:dev: at GetAddrInfoReqWrap.callbackTrampoline (node:internal/async_hooks:130:17) { click-prompt:dev: errno: -3008, click-prompt:dev: code: 'ENOTFOUND', click-prompt:dev: syscall: 'getaddrinfo', click-prompt:dev: hostname: 'undefined' click-prompt:dev: }, click-prompt:dev: page: '/api/chatgpt/user' click-prompt:dev: } click-prompt:dev: warn - ../../node_modules/node-fetch/lib/index.js click-prompt:dev: Module not found: Can't resolve 'encoding' in 'C:\Users\xqyi\click-prompt\node_modules\node-fetch\lib' click-prompt:dev: click-prompt:dev: Import trace for requested module: click-prompt:dev: ../../node_modules/node-fetch/lib/index.js click-prompt:dev: ./src/api/user.ts click-prompt:dev: wait - compiling /_error (client and server)... click-prompt:dev: ./src/components/ClickPrompt/ClickPromptButton.tsx click-prompt:dev: warn - ../../node_modules/node-fetch/lib/index.js click-prompt:dev: Module not found: Can't resolve 'encoding' in 'C:\Users\xqyi\click-prompt\node_modules\node-fetch\lib' click-prompt:dev: click-prompt:dev: Import trace for requested module: click-prompt:dev: ../../node_modules/node-fetch/lib/index.js click-prompt:dev: ./src/api/user.ts click-prompt:dev: ./src/components/ClickPrompt/ClickPromptButton.tsx

我们想在 ClickPrompt 上添加一个新的需求： ClickPrompt 编辑器。用户可以使用 ClickPrompt 编辑器来创建 ChatGPT 示例，帮我们分析一下这个需求。然后按如下格式写给开发者：

Is your feature request related to a problem? Please describe.

Yes. The problem is that currently, ClickPrompt does not have a built-in editor that allows users to easily create ChatGPT examples. As a result, users may need to use external tools or manually create examples, which can be time-consuming and error-prone.

Describe the solution you'd like

I would like to request the addition of a ClickPrompt editor that allows users to create ChatGPT examples directly within the tool. The editor should include a user-friendly interface that guides users through the process of creating examples, and should allow users to save and share their examples with others.

Describe alternatives you've considered

One alternative solution would be to provide users with a set of pre-made ChatGPT examples that they can modify as needed. However, this approach may not be flexible enough to meet the needs of all users. Another alternative would be to integrate with existing external editors or platforms, but this could be complex to implement and may not provide a seamless user experience.

Additional context

The addition of a ClickPrompt editor would enhance the overall user experience and make it easier for users to create ChatGPT examples. This would also help to promote ClickPrompt as a comprehensive tool for Prompt-based AI applications.

Is your feature request related to a problem? Please describe.

No, this feature request is not related to a problem.

Describe the solution you'd like

We would like to add a new feature to ClickPrompt where users can save a custom ChatGPT result based on their specific needs. This feature would allow users to input their own text prompts and receive a customized response from ChatGPT. The saved results would be accessible to the user at any time.

Describe alternatives you've considered

We have considered allowing users to save their own prompts and responses, but we believe that allowing users to save a customized ChatGPT result would be more useful and efficient.

Additional context

We believe that this feature would be beneficial for users who frequently use ChatGPT for specific tasks or projects. It would save them time and effort by allowing them to quickly access their customized results without having to input the same prompts repeatedly.

Chinese: 为了帮助 ChatGPT 更好地理解用户意图和上下文，在与 ChatGPT 进行初次对话时，添加一个包含一系列信息的上下文环境，以用于特定场景的使用，如聊天机器人。

Is your feature request related to a problem? Please describe.

Currently, when using ChatGPT for certain applications like chatbots, the model requires some initial information about the context or scenario it will be used in. This can be a time-consuming and cumbersome process for users.

Describe the solution you'd like

I would like to have the ability to provide some initial information to ChatGPT when using it for the first time in a specific context or scenario. This information can be in the form of prompts or other relevant data that will help the model generate more relevant and accurate responses.

Describe alternatives you've considered

One alternative would be to manually input the initial information each time the model is used in a new scenario. However, this is time-consuming and could result in errors or inconsistencies.

Additional context

This feature would be particularly useful for applications like chatbots, where the initial context is critical to providing accurate and relevant responses. Having the ability to provide this information to ChatGPT when using it for the first time in a specific scenario would greatly improve the user experience and the overall performance of the model.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://www.clickprompt.org/en-US/en-us/
2. See error

Expected behavior

had navbar or redirect to home

Screenshots

Describe the bug
在clickprompt.org的click flow页面下面试用，点击其中的 写作 示例展开，然后修改prompt的内容细节，输入一个字母后就会中断，或者删除一个字，也会中断，需要重新选中输入框...

mac系统，chrome浏览器和safari浏览器都这样，其他示例不会出现，只会出现在写作那个示例

Is your feature request related to a problem? Please describe.
No, just a new feature

Describe the solution you'd like
like: https://reactour.vercel.app/

examples library: https://github.com/elrumordelaluz/reactour

提供中英文awesome-chatgpt-prompts版本搜索

Is your feature request related to a problem? Please describe.

No, this is a feature request to integrate an online REPL service, such as Replit, into ClickPrompt for code verification.

Describe the solution you'd like

I would like to have the ability to verify my code within ClickPrompt using an online REPL service. The integration should be easy to use and intuitive, allowing users to easily run their code and see the results. The output should be clear and concise, indicating whether the code is correct or if there are any errors.

Describe alternatives you've considered

There are other code verification tools available, but I prefer to have the ability to verify my code within ClickPrompt.

**Additional context

As a developer, I often need to verify my code to ensure that it is correct and error-free. Having the ability to verify my code directly within ClickPrompt would save me time and improve my productivity. Additionally, it would allow me to keep all of my work in one place, instead of having to switch between multiple tools. Thank you for considering this feature request.

需要新增一个模仿chatgpt页面用于进行内容测试。

ref: openai/openai-node#18

ref: https://github.com/CGQAQ/chatgpt-sse-hide-example

Blocking

• Figuring out how to do SSE in Next.js on Vercel deploy

code snippet

optimize prompt like https://promptperfect.jina.ai/

1. goto /chatgpt-prompt-role-play
2. add ClickPromptButton in DataTable

Is your feature request related to a problem? Please describe.

No, this feature request is not related to any problem. It is a new feature that we want to add to ClickPrompt.

Describe the solution you'd like

We would like to add a new feature to ClickPrompt that allows users to login and save their prompts. They should also be able to share their prompts with other users. This will make it easier for users to access their prompts from any device and share them with others.

Describe alternatives you've considered

We have considered different alternatives, such as adding a feature that allows users to export their prompts as a file and import them into another device. However, we believe that adding a login and sharing feature would be more convenient and user-friendly.

Additional context

We believe that this feature will enhance the user experience on ClickPrompt and make it more engaging. Users will be able to save their prompts and access them from any device, which will increase the usage of the platform. Additionally, they will be able to share their prompts with others, which will create a community of users who can collaborate and learn from each other.

我看好像只有client的, 没有server的? db的sql都有, 都不用连数据库那些的吗....
默认跑起来的是client吧, server用的是https://www.clickprompt.org/

下图是运行npm run dev后报的错，请问我应该怎么做呢，当我使用API-key登录ChatGPT时也没有反应

Is your feature request related to a problem? Please describe.
For now, we have lots of prompts for role play.
I think we can split to few pages, can make the page clean and fast to load.

Describe the solution you'd like
pagination.

Describe alternatives you've considered
Echa page show about 15 or 20 items, and support "next", "previous".
For the url page number is better to have.

Additional context
Better to have in the future: hot or suggest label.

用户可以分享自己的 prompt

微信群和微信小助手都已失效，博主可以在更新一下吗？

如何加入微信群或QQ群，如何加入组织和大家交流大佬

@CGQAQ

PS: I add a try catch in getAppData()

bug:

1. open http://localhost:3000/zh-CN/chatgpt-samples/ddd-sample/
2. console will show:

DynamicServerError: Dynamic server usage: headers
    at Object.staticGenerationBailout (webpack-internal:///(sc_server)/./node_modules/next/dist/client/components/static-generation-bailout.js:18:21)
    at headers (webpack-internal:///(sc_server)/./node_modules/next/dist/client/components/headers.js:12:39)
    at getAppData (webpack-internal:///(sc_server)/./src/i18n/index.ts:68:20)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async NavBar (webpack-internal:///(sc_server)/./src/layout/NavBar.tsx:28:34) {
  digest: 'DYNAMIC_SERVER_USAGE'
}