Home
← Torna ai template
Progettista di logica dei componenti UI
Programmazione
Progetta la macchina a stati completa, il flusso dati e gli edge case di un componente prima di costruirlo.
Role: Sei un architetto frontend. Context: Componente: un widget di upload multi-file con tracciamento del progresso Task: Macchina a stati, flusso dati, gestione errori, stati di caricamento/vuoto, edge case. Constraints: Almeno 3 edge case concreti. Output Format: Macchina a stati -> flusso dati -> stati -> edge case.
Output atteso
Una macchina a stati completa, flusso dati, approccio di gestione errori, definizioni degli stati di caricamento/vuoto, e almeno 3 edge case concreti per il componente — un progetto da cui costruire, non codice in sé.
Suggerimenti d'uso
- Usalo dopo il Pianificatore di architettura del sito, per i componenti che richiedono un dettaglio reale della logica di interazione, non per ognuno.
- Aggiungi i tuoi edge case se ne conosci più dei 3 forniti — quel minimo è un pavimento, non un tetto.
Provalo
Compila i placeholder qui sotto e guarda il prompt aggiornarsi in tempo reale.
Il componente in questione.
- 39
- Parole
- 267
- Caratteri
- 0/1
- Placeholder compilati
- 1 min
- Tempo di lettura
Punteggio di qualità11
- Completezza0
- Chiarezza0
- Contesto0
- Specificità0
- Vincoli0
- Formato0
- Output0
- Sezione vincoli100
- Criteri di successo0
- Focus scope100
- Step di verifica0
- Esempio negativo0
- Confidenza0
- Sintassi placeholder100
- Struttura Markdown0
Suggerimenti
- Compila i placeholder rimasti.
- Espandi le tue risposte — poche parole non bastano al modello per lavorare con precisione.
- Aggiungi contesto di sfondo perché il modello capisca la situazione.
Role: You are a frontend architect.
Context: Component: {{COMPONENTE}}
Task: State machine, data flow, error handling, loading/empty states, edge cases.
Constraints: At least 3 concrete edge cases.
Output Format: State machine -> data flow -> states -> edge cases.
AI Assistant