Remix

Make your own version of Promptly AI Platform

Edit the prompt below and generate a customized version in seconds.

Original by Lu correia

Describe your app

# 🧠 CRIE O PROMPTLY — PLATAFORMA DE IA

Crie do zero uma plataforma de inteligência artificial chamada **Promptly**.

O Promptly deve ser uma IA própria, com identidade visual original. O usuário conversa com o **Promptly**, enquanto os modelos de IA funcionam apenas como motores por trás do sistema.

A aplicação deve ser completa, funcional, responsiva e preparada para crescer.

---

## 🔌 1. COMETAPI

Utilize a **CometAPI** como gateway para os modelos.

Utilize a secret:

`COMET_API_KEY`

Regras:

* não criar outras API keys;
* não expor a chave no frontend;
* manter a chave somente no backend/ambiente seguro;
* todos os modelos devem usar a mesma integração CometAPI;
* o modelo selecionado deve ser enviado pelo respectivo `modelId`;
* nunca inventar model IDs: verificar os IDs disponíveis na CometAPI antes de configurar cada modelo.

Criar um `modelRegistry` centralizado para que novos modelos possam ser adicionados futuramente sem reconstruir o sistema.

---

# 🤖 2. MODELOS

Criar um único sistema de seleção de modelos.

### 🧠 Principais

* GPT-5.6
* Claude Opus 5 — `claude-opus-5`
* Gemini 3.6 Flash — `gemini-3.6-flash`

### 💻 Código

* Qwen 2.5 Coder
* CodeGemma 7B

### 💬 Conversa

* Aya Expanse 32B
* Mistral 8x22B Instruct

### ⚡ Rápidos

* Gemini 1.5 Flash
* Gemma 2 9B

### 🐢 Pesados

* GPT-5
* Claude Opus geração anterior, somente se disponível
* Llama 3.1 405B

### 🔍 Busca / Análise

* Command R+
* Sonar Large

### 🧠 Raciocínio

* DeepSeek-R1
* o1-mini

Se algum modelo não estiver disponível na CometAPI, não inventar um ID. Usar o ID real encontrado ou deixar o modelo indisponível.

Cada modelo deve possuir:

* nome;
* modelId;
* provider;
* descrição;
* categoria;
* logo;
* badge;
* velocidade;
* capacidade de programação;
* raciocínio;
* multimodalidade.

Usar as logos oficiais dos provedores quando possível.

---

# 🎛️ 3. SELETOR DE MODELOS

Criar um único seletor de modelos.

Na interface principal mostrar o modelo atual, por exemplo:

`🧠 GPT-5.6`

`🎯 Claude Opus 5`

`⚡ Gemini 3.6 Flash`

Ao abrir o seletor, mostrar alguns modelos principais e, no final:

**Ver todos os modelos**

Esse botão deve abrir uma **tela fullscreen**.

### Tela de modelos

Título:

**Escolha seu modelo**

Subtítulo:

**Encontre o modelo ideal para cada tarefa.**

Adicionar:

* pesquisa;
* filtros;
* Todos;
* Código;
* Conversa;
* Rápidos;
* Pesados;
* Busca;
* Raciocínio.

Separar os modelos por categoria.

Cada modelo deve aparecer em um card bonito contendo logo, nome, descrição, provider, categoria e capacidades.

Ao selecionar um modelo, fechar a tela e torná-lo o modelo ativo da conversa.

---

# 💬 4. CHAT

Criar uma interface completa de chat com:

* nova conversa;
* histórico;
* pesquisa;
* renomear conversa;
* excluir conversa;
* fixar conversa;
* modelo por conversa;
* mensagens persistentes;
* copiar resposta;
* copiar código;
* regenerar resposta;
* editar mensagem;
* parar geração.

As conversas devem permanecer salvas ao trocar de chat, atualizar a página ou fechar/reabrir o navegador.

Cada conversa deve manter seu próprio histórico e modelo.

---

# ⚡ 5. GERAÇÃO

Implementar geração visual em tempo real.

O texto deve aparecer progressivamente, como se o Promptly estivesse digitando.

Funcionar para:

* texto;
* Markdown;
* código;
* listas;
* tabelas.

Não bloquear a interface durante a animação.

Permitir interromper a geração.

Usar estados:

`idle`, `loading`, `streaming`, `completed`, `error`, `cancelled`.

---

# ↪️ 6. CONTINUAR RESPOSTA

Permitir respostas de pelo menos **8000 caracteres**.

Quando uma resposta precisar ser interrompida, mostrar:

**↓ Continuar**

Ao clicar:

* continuar exatamente do ponto onde parou;
* não repetir conteúdo;
* manter o contexto;
* juntar todas as partes como uma única resposta.

---

# 📎 7. UPLOAD

Criar sistema de upload funcional pelo botão `📎` ou `+`.

Suportar múltiplos arquivos.

### Documentos

PDF, TXT, DOCX, MD, CSV, JSON

### Código

HTML, CSS, JS, TS, JSX, TSX, PY, LUA, LUAU, C, CPP, JAVA, XML

### Imagens

PNG, JPG, JPEG, WEBP, GIF

Mostrar os arquivos anexados antes do envio e permitir removê-los.

Exemplo:

`📄 projeto.pdf ×`

`💻 script.lua ×`

`🖼️ imagem.png ×`

Se o modelo suportar visão, permitir análise de imagens, screenshots e código em imagens.

Se não suportar:

`Este modelo não suporta análise de imagens.`

---

# 💻 8. PROGRAMAÇÃO

O Promptly deve ser especialmente bom para programação.

O comportamento para código deve priorizar:

* código completo quando solicitado;
* debugging;
* refatoração;
* preservação do código existente;
* detecção de erros;
* explicação de bugs;
* soluções práticas;
* APIs reais;
* código funcional.

### Web

HTML, CSS, JavaScript, TypeScript, React, Tailwind e Node.js.

### Roblox

Luau, Roblox Studio, RemoteEvents, RemoteFunctions, DataStore, ModuleScripts, UI, TweenService, RunService, NPCs, combate, inventário, sistemas administrativos e plugins.

Para Roblox, gerar **Luau válido para Roblox Studio**.

Adicionar botão de copiar código e blocos de código visualmente bem formatados.

---

# 🧠 9. PERSONALIDADE

O Promptly deve ter personalidade própria.

Características:

* inteligente;
* amigável;
* confiante;
* natural;
* objetivo;
* carismático;
* ocasionalmente divertido;
* profissional quando necessário.

Adaptar o comportamento ao contexto:

**Programação:** técnico e preciso.
**Estudos:** didático.
**Conversa:** natural.
**Criatividade:** criativo.
**Problemas complexos:** analítico.

Usar mensagens próprias como:

`Promptly está pensando...`

`Promptly está preparando o código...`

`Quase pronto...`

`Promptly encontrou uma solução.`

Variar essas mensagens.

---

# ⚙️ 10. CONFIGURAÇÕES

Criar uma página/painel de configurações.

### Aparência

* Claro;
* Escuro;
* Sistema.

Criar Dark Mode completo e premium, não apenas inverter cores.

### Idioma

* 🇧🇷 Português (Brasil);
* 🇺🇸 English.

Implementar completamente Português e deixar arquitetura preparada para outros idiomas.

### Chat

* Enter envia;
* Shift + Enter quebra linha;
* mostrar/ocultar horários;
* ativar/desativar animação;
* velocidade da animação;
* confirmação ao excluir conversa;
* salvamento automático.

### Interface

* tamanho da fonte;
* densidade;
* largura do chat;
* animações ativadas/desativadas.

Salvar as preferências.

---

# 🎨 11. DESIGN

Criar uma identidade visual **100% própria**.

Não copiar ChatGPT, Claude, Gemini, Perplexity, Grok ou qualquer outro chatbot.

Estilo:

* premium;
* moderno;
* elegante;
* minimalista;
* tecnológico;
* acolhedor;
* excelente espaçamento;
* fluido;
* responsivo.

Evitar:

* excesso de gradientes;
* glow exagerado;
* glassmorphism exagerado;
* animações pesadas;
* interface poluída.

Adicionar microanimações suaves, bons hover states e transições rápidas.

---

# 🌙 12. DARK MODE

Criar um tema escuro especialmente confortável para programação.

Definir visual próprio para:

* fundo;
* sidebar;
* cards;
* mensagens;
* input;
* código;
* bordas;
* textos;
* seleção;
* hover.

Persistir a preferência do usuário.

---

# 📱 13. RESPONSIVIDADE

O Promptly deve funcionar perfeitamente em:

* desktop;
* notebook;
* tablet;
* celular.

No celular:

* sidebar recolhível;
* seletor de modelos adaptado;
* tela fullscreen de modelos adaptada;
* input confortável;
* mensagens sem overflow;
* código com scroll horizontal.

---

# 🛡️ 14. ERROS

Criar tratamento amigável para:

* erro da API;
* modelo indisponível;
* limite;
* timeout;
* arquivo inválido;
* arquivo grande;
* erro de autenticação;
* falha na geração.

Não mostrar erros técnicos gigantes.

Exemplo:

**Não consegui gerar a resposta agora. Tente novamente em alguns segundos.**

Adicionar:

**Tentar novamente**

---

# 🧩 15. ARQUITETURA

Criar o projeto de forma modular:

`components/`
`pages/`
`hooks/`
`services/`
`lib/`
`types/`
`utils/`

Criar um `modelRegistry` como fonte central dos modelos.

A arquitetura deve permitir adicionar dezenas de modelos futuramente sem reconstruir o chat ou o seletor.

---

# 🧪 16. TESTE E QUALIDADE

Antes de finalizar, testar:

* chat;
* envio de mensagens;
* troca de modelos;
* contexto;
* streaming;
* efeito de digitação;
* Continuar;
* upload;
* imagens;
* PDFs;
* arquivos de código;
* histórico;
* persistência;
* Dark Mode;
* Português;
* configurações;
* mobile;
* erros;
* CometAPI.

Corrigir bugs encontrados.

---

# 🏆 OBJETIVO

Entregar um **Promptly completo e funcional**, criado do zero, com aparência de produto profissional.

O usuário deve conseguir:

**Conversar → escolher modelo → enviar arquivos → programar → trocar modelos → continuar respostas → salvar conversas → personalizar a interface.**

Prioridades:

**CometAPI funcionando + segurança + modelos + chat estável + upload + programação excelente + persistência + UI premium + performance + personalidade própria.**

Não criar funcionalidades falsas ou apenas visuais. Tudo que estiver presente na interface deve funcionar.

Free to use. No credit card required.