RYPL

Un'AI che risponde ai commenti e nasconde lo spam sui social

Cosa fa

Per chi ha una pagina su Facebook, Instagram o TikTok: l'AI risponde ai commenti dei clienti con il tono del marchio e nasconde in automatico lo spam e i commenti offensivi.

Come guadagna

Il progetto è presentato in vetrina su SideProjectors; come guadagna non è indicato pubblicamente.

Rendilo tuo

Per ristoranti e negozi italiani: risposte in italiano e in dialetto locale, se il marchio lo vuole.
Le risposte vanno approvate da una persona prima di essere pubblicate, almeno all'inizio: è più sicuro.

Le frasi da scrivere all'AI

1. Base del sito e grafica

Crea un'app web in italiano chiamata "Rispondi Tu": per chi gestisce le pagine di un'attività su Facebook e Instagram: l'AI prepara le risposte ai commenti con il tono del marchio e nasconde lo spam; si può approvare tutto prima o lasciare automatiche solo le risposte semplici. Usa React, Vite, TypeScript e Tailwind CSS.

Pagine da creare:
1. Pagina iniziale con esempi di commenti e risposte e i prezzi
2. Registrazione e collegamento delle pagine Facebook e Instagram
3. Tono del marchio: esempi di risposte, cose da dire e da non dire, informazioni utili (orari, prezzi, link)
4. Coda dei commenti con la risposta proposta: approva, modifica, ignora
5. Statistiche: commenti gestiti, tempi di risposta, spam nascosto

Stile: da social media manager: sfondo bianco, blu #1877F2, gradiente Instagram per i dettagli, verde #16A34A per "risposto", carattere "Inter", commenti come card. Nessuna immagine generica di stock.

Tutto deve funzionare perfettamente da telefono. Tutti i testi in italiano, chiari e senza parole tecniche.

2. Database, account e sicurezza

Collega il progetto a Supabase e attiva la registrazione con email e password.

Crea queste tabelle:
- "pagine": pagina Facebook o account Instagram collegati, token (solo lato server), modalità (approvazione o automatica)
- "tono": esempi, regole e informazioni utili del marchio
- "commenti": testo, autore, tipo (domanda, complimento, lamentela, spam), risposta proposta, stato

Regole di sicurezza obbligatorie:
- ogni utente vede solo le sue pagine e commenti
- i token di Meta non sono mai leggibili dal browser
- le lamentele non ricevono mai risposte automatiche: servono l'approvazione di una persona

Usa esattamente il codice SQL che trovi nei "Dettagli tecnici" di questa scheda: eseguilo nel SQL Editor di Supabase prima di continuare, poi collega le pagine alle tabelle.

3. Classificare e rispondere

Le pagine si collegano con il login di Facebook (API ufficiali di Meta: Graph API e Instagram API), chiedendo solo i permessi per leggere e rispondere ai commenti. I commenti nuovi arrivano tramite webhook.

Per ogni commento, Claude restituisce in JSON il tipo (domanda, complimento, lamentela, spam), la risposta proposta con il tono del marchio e quanto è sicuro. Usa solo le informazioni utili inserite dall'utente: se non sa la risposta, propone di scrivere in privato.

Modalità approvazione: tutte le risposte aspettano un clic. Modalità automatica: solo complimenti e domande semplici con alta sicurezza partono da soli; lamentele e casi dubbi restano in coda. Lo spam evidente viene nascosto (codice nei Dettagli tecnici), mai cancellato.

4. Coda e statistiche

La coda mostra i commenti per priorità (lamentele prima), con la risposta proposta modificabile e i pulsanti Approva, Modifica, Ignora. Notifica per le lamentele.

Statistiche: commenti gestiti, tempo medio di risposta, percentuale di domande, temi più frequenti ("orari", "prezzi", "spedizioni") per migliorare le informazioni nel profilo.

5. Pagamenti con Stripe

Aggiungi un abbonamento a 19 € al mese. Gratis l'utente ha: una pagina e 100 commenti al mese in modalità approvazione. Con il piano Pro sblocca: più pagine, commenti illimitati, modalità automatica e statistiche.

A pagamento riuscito il webhook porta l'utente al piano Pro; se l'abbonamento viene disdetto o non rinnovato lo riporta al piano gratuito.

Per la sessione di pagamento e il webhook segui la guida "Pagamenti con Stripe" di Fattibile.

6. Controlli specifici di questo progetto

Oltre ai controlli della guida "Controllo finale", verifica in particolare:
1. Lamentele: scrivi un commento arrabbiato di prova: deve restare in coda anche in modalità automatica, mai ricevere una risposta da solo.
Correggi quello che non va e scrivimi cosa hai cambiato.

Dettagli tecnici

Rispondere e nascondere con le API di Meta

Le chiamate ufficiali per rispondere a un commento su Instagram e su Facebook, e per nascondere un commento di spam (senza cancellarlo).

const GRAPH = "https://graph.facebook.com/v21.0";

async function chiama(percorso: string, parametri: Record<string, string>, token: string) {
  const r = await fetch(GRAPH + "/" + percorso, {
    method: "POST",
    body: new URLSearchParams({ ...parametri, access_token: token }),
  });
  const dati = await r.json();
  if (!r.ok) throw new Error(dati.error?.message ?? "Errore di Meta");
  return dati;
}

// Instagram: risposta a un commento
export const rispondiInstagram = (commentoId: string, testo: string, token: string) =>
  chiama(commentoId + "/replies", { message: testo }, token);

// Facebook: risposta a un commento (si commenta il commento)
export const rispondiFacebook = (commentoId: string, testo: string, token: string) =>
  chiama(commentoId + "/comments", { message: testo }, token);

// Nascondi lo spam (resta visibile solo a chi l'ha scritto e ai suoi amici)
export const nascondi = (commentoId: string, token: string) =>
  chiama(commentoId, { hide: "true" }, token);

Istruzioni per l'AI: classifica-commento

Le istruzioni fisse che la Edge Function "classifica-commento" dà a Claude, che risponde in JSON. Il resto della funzione (accesso, crediti, rimborso se l'AI rifiuta) è uguale per tutti i progetti: è nella guida "Chiamare l'AI dal server".

Gestisci i commenti della pagina social di un'attività italiana. Ricevi il tono del marchio, le informazioni utili e un commento. Classifica il commento e proponi una risposta breve, cordiale, nel tono indicato, usando SOLO le informazioni fornite; se non hai l'informazione, invita a scrivere in privato. Non promettere rimborsi o sconti. Rispondi solo con JSON: {"tipo": "domanda"|"complimento"|"lamentela"|"spam", "risposta": "...", "sicurezza": 0-100}.

Pezzi comuni a tutti i progetti

Glossario

Graph API: Le API ufficiali di Meta per leggere e gestire pagine Facebook e account Instagram professionali.