I prompt migliori iniziano
da un brief più chiaro.
Pianifica la tua app, definisci il design e dai al tuo strumento il contesto necessario. 20 strumenti pratici, pronti quando servono.
Design
Strumenti: 6- Direzione del designA.
Fallo tuo.
raggio: 12pxDesignCreatore di prompt per interfacce
Formare l'interfaccia. Prendi le parole con te.
Strumento aperto Al di là del default
CaricamentoVuotoErroreSuccessoOfflineDeniedDesignGeneratore di matrici degli stati UI
Dare ad ogni componente i suoi stati mancanti.
Strumento apertoUn vocabolario condiviso
--space-4: 16px;
--radius-md: 12px;
DesignGeneratore di design token
Tenere i valori dietro l'interfaccia coerente.
Strumento apertoContrasto, misurato
A.7.83:1AA testo normale · Passo
DesignVerifica del contrasto dei colori
Metti un numero dietro la scelta del colore.
Strumento apertoUn ritmo per il tuo tipo
Testa uno
Un po' di gerarchia.
16 × 1.25 = scala di tipo
DesignScala tipografica interattiva
Vedi la tua scala di tipo prima di spedirla.
Strumento apertoUno schermo, tre dimensioni
Mobile → tablet → desktop
DesignCreatore di brief per layout responsive
Scrivere il comportamento del piccolo schermo nel brief.
Strumento aperto
Prompt
Strumenti: 2Ricetta caratteristica
Costruisci un flusso di prenotazione.
01 Disponibilità e capacità
02 Prenotazione e conferma
03 Verificare i casi di bordo
PromptCreatore di prompt per funzionalità
Scegli una ricetta. Compila le decisioni.
Strumento apertoprompt copertura
5 / 8 decisioni
Mancanza: dati, flussi, controlli
PromptVerifica dei prompt
Trova le lacune prima che il tuo costruttore indovina.
Strumento aperto
Pianificazione
Strumenti: 7- Al di là del sentiero felice2 / 3credenziali non validelink di reset scadutoSessione scadutaPianificazione
Checklist delle schermate dimenticate
Prendi gli schermi che non hanno fatto il brief.
Strumento aperto Chi puo' fare cosa?
Leggi tuttoModificaCancellaOspite✓——Membro della Commissione✓✓—Amministrazioni✓✓✓PianificazioneCreatore di matrici dei permessi
Rendere visibili le decisioni di accesso.
Strumento apertoDefinire il
GIVEN Una prenotazione confermata
BIANCO Un ospite cancella
NEL Rilasciare il sedile
Un risultato che puoi verificare.PianificazioneCreatore di criteri di accettazione
Fare “fare” qualcosa che si può controllare.
Strumento apertoUn utile ordine di costruzione
1Fondazione
2Conti
3Pagamento
PianificazionePianificatore dell’ordine di sviluppo
Un ordine ragionevole per i prossimi pochi prompt.
Strumento apertoCampi con uno scopo
Indirizzo e-mail *you@example.comRichiesta · Valida e-mail
PianificazioneCreatore di specifiche dei moduli
Campi, validazione e condizioni in un unico luogo.
Strumento apertoUn posto per ogni pagina
/ Home
/app Dashboard
/projects
/settings
PianificazioneCreatore di sitemap per app
Pianificare le rotte prima dei reindirizzamenti.
Strumento apertoRegistri e relazioni
utenti
id · emailprogetti
owner_idUn utente → molti progetti
PianificazionePianificatore dello schema del database
Rendi esplicita la tua relazione di dati.
Strumento aperto
Contesto
Strumenti: 3- project-knowledge.md
# Un piccolo contesto #
01 Prodotto e pubblico
02 Stack & workflows
03 Design e vincoli
ContestoCreatore di contesto per Lovable
Dai al tuo costruttore il contesto che vale la pena mantenere.
Strumento aperto - AGENTS.mdCLAUDE.md.mdc
# Accordi di lavoro
+ Riutilizzare i componenti esistenti
+ Mantenere i cambiamenti concentrati
+ Verifica prima della finitura
ContestoGeneratore di regole di progetto
Fai il modo in cui lavori parte del progetto.
Strumento aperto Ritirata dove hai lasciato
Costruito: account e prenotazioni
Verificato: persistenza di sessione
Successivo: indagare il checkoutContestoCreatore di documentazione di consegna
Lasciare la sessione successiva un punto di partenza utile.
Strumento aperto
Sviluppo
Strumenti: 1Debug.
Strumenti: 1Tenere il contesto. Ci costruiamo sopra.
Archly porta il tuo contesto di progetto, profili di piattaforma, e prompt in uno spazio di lavoro.