Secondo   , il 76% degli sviluppatori utilizza o pianifica di utilizzare strumenti di intelligenza artificiale: ormai sono solo una parte del lavoro. Aiutano con compiti banali, ma possono essere fastidiosi quando generano con sicurezza assurdità. Mentre gli YouTuber creano "startup da miliardi di dollari" con prompt ChatGPT e gli agenti di intelligenza artificiale conquistano il mondo ogni settimana, i team reali stanno ancora cercando di capire come utilizzare questi strumenti in modo efficace. Oggigiorno, padroneggiare l'assistenza dell'intelligenza artificiale è fondamentale quanto la codifica o la progettazione di sistemi: dobbiamo adattarci e in fretta. il sondaggio di Stack Overflow del 2024  Il problema è che questi strumenti sono essenzialmente ancora in una fase di R&S: cambiano costantemente, si copiano a vicenda e meritano di essere riconosciuti per aver risolto problemi precedentemente irrisolti. Sono tutti privi di chiare guide all'uso. Anche Copilot, nonostante sia più affermato, non ha tutorial e best practice chiari. La soluzione? Faremo ciò che gli sviluppatori sanno fare meglio: organizzare e creare un framework noi stessi.  Cambiamento di gioco  ...e anche "   ", "   ", "   ", e così via. Mentre questi strumenti stanno effettivamente trasformando il nostro flusso di lavoro, il cambiamento è più pratico: gli sviluppatori ora operano come team leader, gestendo gli assistenti AI invece di scrivere direttamente il codice. Le competenze di base si sono spostate verso progettazione, pianificazione, descrizione e revisione. Salto quantico Cambio di paradigma Arrivano gli agenti  I principali concetti UX introdotti da questi strumenti sono:    : il modello di integrazione più naturale. Quando funzionano, sono fluidi, ma quando interrompono il codice, si verifica un'interruzione immediata della produttività. Suggerimenti in linea    : approccio classico in cui gli LLM interagiscono con la tua base di codice tramite prompt guidati Chat    ("   ", "   ") - il nuovo concetto   . È uno spostamento verso agenti autonomi. Composer lavora su diversi file e può applicare modifiche e iterare automaticamente in base a errori, problemi di linting ecc. Composer Copilot Edit Cline act che molti trovano confuso    : la prossima evoluzione prevista: assistenti AI completamente autonomi e personalizzati, integrati direttamente nel tuo IDE.  Agenti  Familiarizzare con i "   " non è complicato. Gli assistenti AI hanno iniziato con loro, che hanno attirato per primi la nostra attenzione.   sono semplici: inserisci i file nel contesto, itera, applica e convalida i risultati. suggerimenti Le chat  Gli strumenti di tipo   presentano maggiori sfide da padroneggiare, richiedendo una curva di apprendimento e alcuni approcci non ovvi. Attualmente, l'   offre lo strumento "compositore" più accessibile, mentre Copilot segue da vicino con "   ", avendo recentemente introdotto flussi di lavoro basati su agenti. Composer editor Cursor Copilot Edits  Per diventare esperti di composizione, è necessario comprendere tre concetti chiave:   Istruzioni   Regole   Contesto  Esaminiamoli uno per uno.  Istruzioni  Come team leader, piuttosto che semplici sviluppatori, dovremmo iniziare qualsiasi nuovo progetto o funzionalità importante creando un   o un   chiaro. Questa pratica sviluppa un solido pensiero ingegneristico e di prodotto, risparmiando al contempo un tempo di implementazione sostanziale. La parte migliore è che questi documenti possono essere: Design Document Product Requirements Document  Generato con AI  E poi utilizzato come   per i compositori istruzioni  Per creare questi documenti, prima raccogli i requisiti dagli   , quindi consulta il modello di ragionamento in Chat. Sia Copilot che Cursor hanno modelli di ragionamento integrati adatti a questo compito.   e   di OpenAI sono disponibili di default, mentre Chat di Cursor supporta DeepSeek-R1 (anche se   ), tutti strumenti eccellenti per questo scopo.  umani o1 o3-mini non ancora nel suo Composer  Una buona pratica è quella di archiviare i documenti di progettazione al livello superiore del tuo repo (utilizzeremo una cartella   ) organizzati per funzionalità, con un   nella root. Ecco un esempio di struttura per i requisiti di un'app web di Twitter: requirements ProjectOverview.md   requirements/ ├── ProjectOverview.md # Core product description └── Features/ ├── Authentication.md # User registration ├── Tweet.md # Tweet CRUD ├── UserProfile.md # Profile management ├── Engagement.md # Likes, retweets ├── Infrastructure.md # Storage, caching, etc └── ...  Se tutto è impostato correttamente, aggiungere un documento di progettazione per una nuova funzionalità è semplice come scrivere questo prompt:   Memorizzare le istruzioni nella tua base di codice offre chiari vantaggi: controllo delle versioni, facile manutenzione e flusso di lavoro PR standard. Tuttavia, i membri del team non tecnici come Product Owner, manager e UX designer potrebbero aver bisogno di accesso senza usare git. Ecco tre soluzioni:  1. Memorizza tutto in Notion, pubblica le pagine di istruzioni e inseriscile come documentazione utilizzando la scorciatoia  @Docs  Crea una pipeline che converte le pagine Notion in file   e le memorizza nel repository .md  Insegna al tuo team a usare git: l'opzione più vantaggiosa per l'intero team  Una volta che le tue istruzioni sono accessibili nel tuo editor, passa al compositore e inizia a implementare. Questo ci porta a organizzare le   . Regole  Regole  Attualmente, solo Cursor supporta "   ", ovvero istruzioni di implementazione diretta per file/cartelle specifici. Questa funzionalità verrà probabilmente estesa ad altri editor, tra cui VSCode Copilot, che attualmente offre solo "   " che non possono essere direttamente allegati alla base di codice. rules file prompt  Le regole di Cursor sono più complete: immagina   combinato con le regole linter e potenziato dalle capacità LLM. Queste regole sono indipendenti dal prodotto, condivisibili e trasferiscono efficacemente conoscenze, best practice e dettagli di implementazione tra team e utenti della libreria.  CONTRIBUTING.md  Le regole possono essere create tramite la palette dei comandi e sono archiviate nella cartella   del tuo progetto con un'estensione   . Questo formato abilita funzionalità avanzate come   file specifici nella tua base di codice. È altamente consigliato inviare queste regole al tuo repository e collaborare per migliorarle. Ecco il flusso di lavoro per l'utilizzo delle regole: .cursor/rules .mdc @mentioning  Cerca le regole del cursore specifiche per il tuo stack tecnologico, iniziando con   come riferimenti. Ad esempio, puoi trovare   per Next.js e React che fungono da buoni modelli. elenchi curati regole del cursore ben scritte  Aggiorna le regole in modo proattivo durante lo sviluppo. Quando noti un pattern che potrebbe essere formalizzato in una regola durante la scrittura del codice, documentalo immediatamente nel tuo file di regole.  Impara dai migliori nel campo. Un nuovo approccio per i creatori di librerie per condividere la conoscenza e aumentare l'adozione è la creazione di regole specializzate per gli assistenti AI. Conosco poche aziende che lo fanno:   si distingue per la creazione di regole sia per i modelli OpenAI che Anthropic e per la loro condivisione nella   . Sebbene non abbia utilizzato il loro prodotto, la loro attenzione al miglioramento dell'esperienza degli sviluppatori tramite l'integrazione AI è convincente.   è un altro   .  Convex loro documentazione Supabase ottimo esempio  Molte librerie hanno urgente bisogno di regole AI. Dal punto di vista di uno sviluppatore frontend, ne trarrei beneficio per   ,   ,   e molti altri. Queste regole farebbero risparmiare molto tempo e aiuterebbero a prevenire errori comuni che gli sviluppatori commettono quando apprendono nuove tecnologie. TanStack Query React Spring Firebase  Contesto  Ricordati di includere tutto il contesto pertinente: più dati di qualità fornisci, migliori saranno i risultati che otterrai. L'editor di cursori ha un vantaggio rispetto a Copilot in questo caso, consentendo diversi tipi di contesto:  Documentazione: funziona davvero bene, basta fornirgli un punto di accesso a qualsiasi documentazione, la scaricherà, la analizzerà e la salverà per esigenze future  Ricerca sul Web: non strettamente contestuale, fornisce un rapido accesso alle risorse online  Vari strumenti di sviluppo: commit git specifici, errori lint, blocchi note e altri artefatti  I server   possono fornire contesto in tempo reale. Sebbene la configurazione possa essere un po' complicata, sono preziosi quando hai bisogno di accesso ai dati in tempo reale.  MCP  Dopo aver padroneggiato questi strumenti, il passo successivo è ottimizzare le prestazioni individuali e di squadra. Ma qual è il percorso da seguire da qui?  Cline e Roo-Code. Il controllo  Ti troverai sempre di fronte a un compromesso tra semplicità e controllo, tra soluzioni automatizzate e processo decisionale manuale. Se sei disposto a tuffarti in profondità e non hai paura di affrontare bug, sfide di prestazioni e spigoli, prendi in considerazione di provare   (o il suo fork   , che ha una filosofia leggermente diversa). Cline Roo-Code  Entrambi gli strumenti sono progettati per fornire la massima trasparenza possibile su ciò che accade realmente sotto il cofano:  Sono open source e senza abbonamento. Invece, utilizzi le tue chiavi API LLM o servizi come   , pagando solo per ciò che utilizzi. OpenRouter  Cline mostra chiaramente tutte le sue operazioni, compresi i file che legge e modifica.  Cline fornisce approfondimenti dettagliati sulle comunicazioni LLM, sullo stato della finestra di contesto e sul costo di ogni sessione di chat.  È dotato di modalità intuitive Pianifica/Agisci: un approccio logico che altri strumenti dovrebbero prendere in considerazione.   La caratteristica più interessante è che Cline può effettivamente eseguire ed effettuare il debug della tua applicazione: è reale e funzionale, come vedrai quando lo proverai.  Se tutto questo vi interessa, date un'occhiata   , che fornisce un'eccellente introduzione a questi editor. al recente articolo di Addy Osmani  Conclusione  Adottare questi strumenti non è un percorso semplice e non aspettatevi di scrivere "l'intero progetto da zero in meno di 5 minuti". Tuttavia, questa è una chiara strada da seguire.  La tecnologia è già lì, ma ci manca un flusso di lavoro solido e integrato con l'IA che organizzi l'intero team, non solo gli sviluppatori, ma soprattutto i manager e i designer, attorno a questi nuovi strumenti. L'IA può sembrare intimidatoria e condividere il suo impatto può sembrare scomodo all'inizio (come dire al tuo team leader che l'IA ha scritto l'80% di una funzionalità tramite un'attenta configurazione). Tuttavia, lo sviluppo software si evolverà solo quando questi strumenti diventeranno parte integrante dei flussi di lavoro del team. Le transizioni di maggior successo si verificano nei team che promuovono una discussione aperta sulle esperienze di IA, l'esplorazione collaborativa degli strumenti e contribuiscono attivamente con le loro best practice apprese alla più ampia comunità di sviluppo.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

This story will praise and/or roast a product, company, service, game, or anything else people like to review on the Internet.

Gli strumenti di codifica AI sono ancora in fase di ricerca e sviluppo

About Author

COMMENTI

CARTELLINI

QUESTO ARTICOLO È STATO PRESENTATO IN

Related Stories

Link-To-Earn Incentive Model: A Blueprint For Mass Adoption?

The Ultimate FAQ Guide to HackerNoon's Business Blogging

New Year, New Exciting Features: Mint Your Name, Watch Web 2.5 and Meet The Top Startups of The Year

Meet the HackerNoon Top Writers: Nebojsa Nesha Todorovic - Upwork, Freelancing, and Future of Work

Link-To-Earn Incentive Model: A Blueprint For Mass Adoption?

The Ultimate FAQ Guide to HackerNoon's Business Blogging

New Year, New Exciting Features: Mint Your Name, Watch Web 2.5 and Meet The Top Startups of The Year

Meet the HackerNoon Top Writers: Nebojsa Nesha Todorovic - Upwork, Freelancing, and Future of Work

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps