Ho parlato molto di Agent e Vibe Coding ultimamente.
Ma mentre li consigliavo a sempre più amici, mi sono reso conto di un problema spesso trascurato.
Il vero collo di bottiglia per la maggior parte delle persone è la mancanza di un flusso di lavoro standard.
Soprattutto quando si crea il software o il programma che si desidera, non avere un processo standard è in realtà una cosa molto spaventosa.
Quindi, voglio condividere un plugin super utile che ho usato durante il Vibe Coding per migliorare l'esperienza. È praticamente un must-have per tutti quelli a cui lo consiglio, ed è compatibile con Claude Code, Codex, OpenCode, Cursor e altri.
Ha già 110.000 stelle su GitHub.
Il nome è Superpowers.
Link GitHub qui:
https://github.com/obra/superpowers
È anche un plugin Claude certificato ufficialmente, elencato nel market ufficiale dei plugin di Anthropic, con 230.000 installazioni, classificandosi al secondo posto.
Il primo posto />
Il primo posto è la famosa Skill che rende i tuoi design più di gusto, Frontend Design.
Superpowers non è realmente uno strumento tradizionale; penso che dovrebbe essere definito come un sistema che guida gli Agent su come completare le attività.
Ad essere onesti, la maggior parte degli Agent tende naturalmente a iniziare a scrivere codice non appena riceve un compito, saltando design, test e revisione, risultando in un mucchio di codice non manutenibile.
Superpowers inserisce forzatamente un flusso di lavoro strutturato nel percorso dell'Agent. Combinato con 14 skill, può elevare la qualità del tuo output finale di diversi livelli.
Ho fatto un diagramma per mostrare a cosa servono queste Skill e come sono combinate. Non devi guardare attentamente, solo capire il principio.
Quindi puoi vedere che Superpowers è essenzialmente un sistema di flusso di lavoro composto da 14 Skill. Inoltre, questo sistema non è solo per lo sviluppo, perché l'essenza del creare qualcosa è simile.
Riguarda tutto Pianificazione - Scomposizione - Esecuzione - Revisione - Riflessione.
Quindi, puoi usarlo anche per piani di marketing, PPT, analisi dei dati, ecc. I principi sono gli stessi.
È molto utile.
Penso che dovrei prima mostrarti come appare il processo di sviluppo nativo con Claude Code o Codex senza Superpowers.
Il processo generale è molto semplice: scrivi un documento dei requisiti (pianificazione) e poi sviluppi.
Prendi Claude Code come esempio. Qui, la pianificazione è la modalità Plan.
Per esempio, un compagno di squadra ha l'ADHD e si distrae facilmente mentre legge gli articoli. Recentemente abbiamo discusso di creare un piccolo assistente di lettura.
Per questo requisito, apriamo Claude Code e scriviamo /plan nella finestra di dialogo per entrare in modalità di pianificazione.
Descrivi il requisito semplicemente: aiutami a creare un'applicazione di lettura web cinese per utenti con ADHD.
Lascia che inizi a fare un piano.
Poi, farà un giro di ricerche e ti proporrà diverse domande tutte in una volta. Noterai che queste domande sono parallele e non hanno relazione di causa-effetto tra loro.
Ad esempio, chiede informazioni sugli scenari d'uso, le preferenze del tech stack e le funzionalità per l'ADHD. Ho scelto la lettura bionica—evidenziare in grassetto le prime lettere di ogni parola—un metodo classico per alleviare l'ADHD.
Ho risposto, e si è messo subito al lavoro.
Dopo qualche minuto, era finito. Mi ha dato qualcosa senza alcuna revisione.
Guardandolo ora, sembra a posto?
In realtà, c'è un grosso problema...
Perché la lettura bionica è progettata per l'inglese.
Va bene per l'inglese, ma per il cinese, è completamente inutilizzabile e rende la lettura caotica.
Il motivo è semplice: le parole inglesi hanno spazi per trovare i confini, ma i caratteri cinesi no. Senza spazi, non puoi trovare i confini delle parole, e l'effetto è molto sgradevole.
Oltre allo stile non corretto, anche il suo adattamento per gli utenti domestici è scarso.
Quando leggiamo in cinese, usiamo principalmente piattaforme come WeChat Official Accounts e Zhihu, ma questo plugin non riusciva a leggerle correttamente.
Era a un milione di miglia dal lettore che volevo.
Per essere onesti, non puoi incolpare Claude Code.
L'assistenza alla lettura per l'ADHD è un campo professionale che richiede ricerche mirate, considerando scenari cinesi e compatibilità con piattaforme locali.
Le poche semplici domande che ha fatto sicuramente non potevano coprire tutti i requisiti, quindi era difficile produrre la risposta che volevo.
La maggior parte degli utenti ha solo un'idea vaga nella mente. Sanno di voler risolvere un problema specifico, ma non riescono a pensare chiaramente a come dovrebbe essere, al percorso per realizzarlo o a dove siano i confini.
Quindi, nell'era pre-Agent, ho scritto un articolo:
Khazix della Vita Digitale
@Khazix0918
·
Articolo
Condivido 6 delle mie tecniche di Prompt più usate.
Siamo già nel 2026, e vedo ancora molti amici che dicono di non sapere come parlare meglio con l'AI. Le risposte quotidiane vanno bene, ma appena diventa un po' professionale o multidimensionale, la performance dell'AI cala immediatamente...
55
222
953
Una delle tecniche di Prompt è il metodo socratico: usa un prompt per far sì che l'AI ti interroghi con domande una alla volta prima di iniziare, finché i requisiti non sono pienamente compresi.
【La tua Domanda/Requisito】
Per favore, fammi domande prima di rispondere.
Requisito: Fai solo una domanda per volta. Continua a fare domande basate sulle mie risposte finché non sei sicuro al 95% di aver capito i miei veri bisogni e obiettivi. Solo allora fornisci una soluzione.
Nell'era degli Agent, è simile, ma aggiornato da un Prompt a una Skill nel processo.
Proviamo a sviluppare di nuovo con Superpowers.
Prima, installa il plugin.
Basta dire una frase al tuo Agent:
Aiutami a scaricare e installare questo plugin: https://github.com/obra/superpowers
Dopo l'installazione, ricordati di riavviare per farlo funzionare; non è hot-reload.
Torniamo al lettore per l'ADHD, riproviamo.
Invia lo stesso identico Prompt.
Puoi vedere che inizia a chiamare Superpowers e il flusso di lavoro.
La prima cosa che fa è chiedere come gli utenti lo useranno, il che affronta direttamente il problema dei contenuti dietro firewall illeggibili.
A differenza delle domande parallele in modalità Plan, Superpowers fa solo unadomanda. Decide la prossima domanda in base alla tua risposta—il metodo socratico che ho menzionato. Questo assicura che le domande vadano in profondità anziché rimanere in superficie.
Ho scelto un'estensione del browser, e poi ha chiesto funzioni principali. A questo punto, ho esitato perché non ero così familiare, quindi gli ho detto di fare ricerche per me.
Ha effettivamente fatto ricerche ed è tornato con un report.
Poi ha dato un suggerimento e organizzato una lista prioritaria delle funzioni principali.
Per la lettura bionica, l'ha direttamente etichettata come "debole ma apprezzata dagli utenti" citando ricerche che dicono non migliora significativamente la lettura cinese per utenti con ADHD.
L'ho lasciato aiutarmi a selezionare alcune funzioni.
Poi ha continuato a interrogarmi, forzandomi a pensare chiaramente: Quale browser di destinazione? Preferenze per librerie di segmentazione cinese? Lingua e stile dell'interfaccia utente?
Ti forza a pensarci fino in fondo.
Questo progetto demo non è molto complesso, ma quando sviluppi un grande progetto, sentirai davvero la sensazione di "sudare" mentre vieni interrogato.
Dopo aver risposto a tutte le domande, l'AI sa approssimativamente i tuoi bisogni.
A questo punto, a differenza della modalità Plan, propone tre soluzioni architetturali, elencando chiaramente pro, contro e scenari applicabili per ciascuna.
Scegli una, o usala sua raccomandazione.
Ho scelto B; non volevo una soluzione ibrida.
Poi mi ha fatto confermare diversi dettagli uno per uno.
Architettura generale, design dettagliato di moduli funzionali, pannello di controllo, flusso di dati e archiviazione, ecc.
Confermare di nuovo mi ha fatto sudare; mi sentivo un totale principiante davanti all'AI.
Una volta confermato tutto, ha finalmente scritto un documento di design molto lungo e dettagliato e lo ha salvato localmente.
Molti amici sentono che il prodotto finale non è quello che volevano; di solito non è perché l'AI è scarsa, ma perché i requisiti non erano chiari.
2 ore di pianificazione, 10 minuti di esecuzione. Sento sempre di più che l'esecuzione non è così importante; pensare bene alla pianificazione iniziale è la parte più importante.
Quando abbiamo creato il mini-programma di biglietteria AIFUT, eravamo troppo sicuri e non abbiamo seguito un processo standard assistito dall'IA. Molte esigenze degli utenti non sono state considerate prima del lancio, e i rischi di confine non erano chiari. Quello è stato un problema di pianificazione iniziale.
Quindi la mia sensazione ora è che lo sviluppo AI è abbastanza veloce; il posto dove spendere tempo è prima di iniziare.
Devi essere costantemente interrogato, analizzare tutti i casi limite con il team, e avere una mano esperta che supervisiona per produrre qualcosa di veramente consegnabile agli utenti.
Tornando a Superpowers, il primo passo della pianificazione è tutto a posto. Tutto ciò sopra è solo la prima Skill nel processo di Superpowers.
Questa è labrainstorming**.
Sì, la prima.
Dopo che il documento di design è confermato, pensi che inizi a scrivere codice?
Ma poi, entra in gioco la seconda skill: usare la Skill using-git-worktrees per creare uno spazio di lavoro isolato.
Tira un nuovo ramo dal ramo principale. Tutto lo sviluppo successivo avviene su questo nuovo ramo. Il codice ramo principale non è influenzato, e non importa quanto combini sul nuovo ramo, non influenzerà l'originale. Una che è finita e sembra a posto, fai il merge.
Questo è isolamento. Molte persone modificano il progetto precedente direttamente senza isolamento di versione e rompono tutto. È un'abitudine molto cattiva.
Poi, appare la terza Skill, writing-plans.
Nota, ancora nessun codicritto.
Scompone quel documento di design in una lista di attività di sviluppo passo dopo passo, specificamente in attività che possono essere completate in 2- minuti.
Questo è interessante perché il loro obiettivo, con parole loro, è: "Lasciare che un entusiasta ingegnere junior, senza gusto, senza giudizio, senza contesto di progetto e con un odio per i test, segua."
Ho riso quando l'ho visto.
Quindi, con Superpowers, non devi usare Claude Opus 4.6. In effetti, il modello più è mediocre, più ne beneficia. Questo è il ruolo di questa Skill.
Scomporre ha anche un altro beneficio: puoi verificare ogni piccolo compito. Se c'è un problema, lo trovi immediatamente invece di aspettare fino a quando l'intero progetto è finito ed esplode.
Questo diventa ancora più evidente nella fase di esecuzione.
Dopo questo passo, arriviamo finalmente alla fase di esecuzione del codice.
Chiama la Skill subagent-driven-development.
Apre diversi sub-agent per fare tutto quanto menzionato sopra.
Dopo che ogni compito è sviluppato, non viene solo consegnato a te. Passa attraverso due cicli di controlli.
Il primo giro invia un Agent di revisione indipendent di revisione per vedere se il compito ha seguito i requisiti, se ciò che doveva essere fatto è stato fatto, se sono state aggiunte cose inutili, o se c'è qualche eccessivo design senza senso.
Il secondo giro invia un altro Agent di revisione per controllare la qualità del codice, concentrandosi sul fatto che il codice sia standardizzato e manutenibile.
Se fallisce uno dei due controlli, viene rispedito indietro per modifica e rivisto finché non passa.
Una volta che questi 10 piccoli compiti sono sviluppati, la revisione non è finita. Nella fase successiva, la skill requesting-code-review invia un Agent di revisione finale per guardare tutto il codice dall'inizio alla fine.
Le revisioni precedenti si concentravano sulle parti; questa si concentra sul tutto, controllando se i moduli possono integrarsi, se qualcosa è stato dimenticato, e se la logica complessiva è coerente.
Alla fine, esegue una verifica per confermare che tutti i test passano, fa il merge del codice nel ramo principale e pulisce lo spazio di lavoro.
Finalmente, è finito.
Guardiamo l'effetto del lettore.
Ha due modalità di lettura molto pratic.
Una è la colorazione delle parti del discorso, che segna nome, verbi e aggettivi in colori diversi, rendendo la struttura della frase molto più chiara.
<payload-block type="upload" />
Un'altra modalità è il focus sul paragrafo, dove il paragrafo letto è evidenziato e gli altri sono oscurati. È adatto per paragrafi lunghi e riduce significativamente le distrazioni del testo circostante, impedendo alla mente di vagare.
Per gli utenti con ADHD, il nemico più grande è l'attenzione dispersa dal testo circostante.
Questo lettore rende il focus più chiaro, rendendo il contenuto più facile da vedere con meno distrazioni, così leggere l'intero pezzo non è così faticoso.
E questa volta, poiché è una soluzione plugin, pagine come WeChat s e Zhihu possono essere lette normalmente.
Ha funzionato perfettamente al primo tentativo, risparmiandomi un saccoi guai...
Questo dimostra pienamente come dovrebbe essere un corretto flusso di lavoro nell'era dell'IA.
2 ore di pianificazione, 10 minuti di esecuzione, 1 ora di revisione.
Più o meno.
Oltre alle Skill che ho menzionato, ce ne sono altre che non ho. Puoi provarle tu stesso.
Questo è un plugin must-have che consiglio a tutti.
Secondo me, è allo stesso livello di skill-creator.
Credimi, migliorerà notevolmente la qualità del tuo lavoro.
E la tua efficienza.
