Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ozgrozer/chatgpt-artifacts
Bring Claude's Artifacts feature to ChatGPT
https://github.com/ozgrozer/chatgpt-artifacts
artifacts chatgpt claude
Last synced: about 2 months ago
JSON representation
Bring Claude's Artifacts feature to ChatGPT
- Host: GitHub
- URL: https://github.com/ozgrozer/chatgpt-artifacts
- Owner: ozgrozer
- License: gpl-3.0
- Created: 2024-06-23T20:32:48.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-07-21T18:39:09.000Z (about 2 months ago)
- Last Synced: 2024-07-21T20:25:58.455Z (about 2 months ago)
- Topics: artifacts, chatgpt, claude
- Language: JavaScript
- Homepage: https://x.com/ozgrozer/status/1808677091996541251
- Size: 1.57 MB
- Stars: 325
- Watchers: 3
- Forks: 54
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
- awesome-ChatGPT-repositories - chatgpt-artifacts - Bring Claude's Artifacts feature to ChatGPT (Others)
README
# chatgpt-artifacts
Bring Claude's Artifacts feature to ChatGPT
## Preview
https://github.com/ozgrozer/chatgpt-artifacts/assets/651938/abc68e48-2a85-4cb8-a17a-ae795de1ed26
## Usage
Clone this repository
```
git clone https://github.com/ozgrozer/chatgpt-artifacts.git
```
Install dependencies
```
npm install
```
Duplicate `.env.example` as `.env` and add your OPEN AI API key
```
cp .env.example .env
vim .env
```
Build the app
```
npm run build
```
Start the app
```
npm start
```
## Ollama Support
To make it work with your local LLMs like Llama3 or Gemma2 you just need to make a simple update in the code.
Open `/pages/api/chat.js` file
```js
// change this
const openai = new OpenAI({
apiKey: process.env.OPENAI_API_KEY
})
// to this
const openai = new OpenAI({
apiKey: 'ollama',
baseURL: 'http://127.0.0.1:11434/v1'
})
// change this
const stream = await openai.chat.completions.create({
stream: true,
model: 'gpt-4o',
messages: conversations[conversationId]
})
// to this
const stream = await openai.chat.completions.create({
stream: true,
model: 'llama3',
messages: conversations[conversationId]
})
```
## Groq Support
To make it work with Groq you just need to get an API key [here](https://console.groq.com/keys) and make a simple update in the code.
Open `/pages/api/chat.js` file
```js
// change this
const openai = new OpenAI({
apiKey: process.env.OPENAI_API_KEY
})
// to this
const openai = new OpenAI({
apiKey: process.env.OPENAI_API_KEY,
baseURL: 'https://api.groq.com/openai/v1'
})
// change this
const stream = await openai.chat.completions.create({
stream: true,
model: 'gpt-4o',
messages: conversations[conversationId]
})
// to this
const stream = await openai.chat.completions.create({
stream: true,
model: 'llama3-70b-8192',
messages: conversations[conversationId]
})
```
## License
[GPL-3.0](https://github.com/ozgrozer/chatgpt-artifacts/blob/main/license)