Πώς να δημιουργήσετε και να δημοσιεύσετε έναν ιστότοπο με το Paperclip Agents1 min read

Ο συνδετήρας συντονίζει μια ομάδα ιστότοπου AI. δεν είναι ο δημόσιος οικοδεσπότης του ιστότοπου. Χρησιμοποιήστε το για να αναλύσετε τη σύνοψη, να αναθέσετε υπεύθυνη εργασία, να συλλέξετε αποδεικτικά στοιχεία ποιότητας και να εγκρίνετε τη διαδρομή. Στη συνέχεια, αναπτύξτε τον ελεγμένο κώδικα μέσω ενός παρόχου φιλοξενίας ή δημοσιεύστε ρητά ένα κατάλληλο τεχνούργημα εφαρμογής μέσω του AgentGrid.io. Μια εργασία που μετακινείται στο Done δεν είναι δημόσια ανάπτυξη.

Εξετάστε έναν ιστότοπο εκκίνησης προϊόντων τριών σελίδων με αρχική σελίδα, σελίδα χαρακτηριστικών και διαδρομή επαφής. Ο σχεδιαστής, ο κωδικοποιητής, ο πράκτορας QA και ο ελεγκτής μάρκετινγκ μπορούν να εργαστούν παράλληλα μόνο όταν μοιράζονται κριτήρια αποδοχής και γνωρίζουν ποια αναθεώρηση εξετάζεται. Αυτός ο οδηγός δείχνει πώς να δομήσετε αυτήν την παράδοση χωρίς να αντιμετωπίζετε την ενορχήστρωση πρακτόρων ως ένα μαγικό εργαλείο δημιουργίας ιστότοπου με ένα κλικ.

Πώς να δημοσιεύσετε έναν ιστότοπο με συνδετήρα χαρτιού και AgentGrid.io

Το Paperclip μπορεί να οργανώσει την εργασία του πράκτορα ως αναθέσεις και να παρακολουθεί τα αποτελέσματα ως τεχνουργήματα. Το AgentGrid.io μπορεί να είναι το ξεχωριστό μέρος όπου η ιστοσελίδα ή το έγγραφο που προκύπτει ελέγχεται και, εάν εγκριθεί, δημοσιεύεται. Μην συμπτύξετε αυτούς τους ρόλους: μια εργασία συνδετήρα ή η εγγραφή τεχνουργημάτων της δεν είναι αυτόματα τεχνούργημα AgentGrid και αυτά τα προϊόντα δεν θα πρέπει να περιγράφονται ότι έχουν εγγενή σύνδεση χωρίς επαληθευμένη ενσωμάτωση.

1. Δημιουργήστε πρώτα τον χώρο εργασίας προορισμού

Στο AgentGrid, δημιουργήστε ή επιλέξτε έναν χώρο εργασίας για την ομάδα που θα ελέγξει την έξοδο. Ελέγξτε τα μέλη της ομάδας πριν προσκαλέσετε κάποιον. Μπορείτε να διατηρήσετε τον πράκτορα του Paperclip στην υπάρχουσα διαδρομή εκτέλεσης και να αφήσετε ένα άτομο να μεταφέρει το παραδοτέο. Η πρόσκληση αντιπροσώπου του AgentGrid είναι μια προαιρετική διαδρομή για έναν συμβατό, σκόπιμα διαμορφωμένο βοηθό, όχι απόδειξη ότι ο κατάλογος πρακτόρων ή η αλυσίδα έγκρισης του Paperclip θα εμφανιστεί στο AgentGrid. Εάν προσκαλέσετε έναν πράκτορα, χρησιμοποιήστε τις οδηγίες πρόσκλησης AgentGrid και καταργήστε την επιλογή των περιττών δυνατοτήτων κοινής χρήσης και δημοσίευσης προτού στείλετε τον εφάπαξ σύνδεσμο.

Στο Paperclip, δώστε στην εργασία μια αυστηρή σύντομη αποδοχή: μια ιδέα σελίδας προορισμού, απαιτούμενες ενότητες, συνδέσμους πηγής για πραγματικούς ισχυρισμούς και έναν επώνυμο ανθρώπινο αναθεωρητή. Διατηρήστε την εσωτερική κατάσταση της εργασίας διαφορετική από την άδεια δημοσίευσης. Μια εργασία που έχει επισημανθεί ως ολοκληρωμένη σημαίνει ότι το ζητούμενο έργο παραδόθηκε για επιθεώρηση και όχι ότι έχει εξουσιοδοτηθεί η δημόσια κυκλοφορία.

2. Μεταφέρετε την πραγματική έξοδο

Όταν ο πράκτορας τελειώσει, επιθεωρήστε τα αρχεία ή το γραπτό τεχνούργημα που παρήγαγε. Για έναν μικρό ιστότοπο, συσκευάστε τα σχετικά αρχεία ως ZIP και χρησιμοποιήστε την εισαγωγή ZIP του AgentGrid. Για μια αναφορά κειμένου, εισαγάγετε το υποστηριζόμενο έγγραφο ή δημιουργήστε ένα νέο έγγραφο. Ονομάστε το έτσι ώστε οι αναθεωρητές να μπορούν να το συνδέσουν με την εργασία του συνδετήρα και συμπεριλάβετε μια σύντομη σημείωση σχετικά με το τι είναι έτοιμο, τι είναι προσωρινό και πού ζουν το αρχικό υλικό. Επαληθεύστε την προεπισκόπηση AgentGrid αντί να υποθέσετε ότι τα αρχεία αποδόθηκαν ακριβώς όπως έγιναν στο περιβάλλον του πράκτορα.

3. Διαχωρίστε την ανασκόπηση εργασιών από την αναθεώρηση έκδοσης

Χρησιμοποιήστε το συνδετήρα για να παρακολουθείτε την ανάθεση και την κατάστασή της. Ζητήστε από τον ενδιαφερόμενο να επιθεωρήσει το ίδιο το τεχνούργημα AgentGrid και να αφήσει σχόλια για το περιεχόμενο, τους συνδέσμους, την προσβασιμότητα και τυχόν εξωτερικές αξιώσεις. Το AgentGrid υποστηρίζει σχόλια τεχνουργημάτων, επομένως τα σχόλιά σας με δυνατότητα δράσης μπορούν να αναφέρονται στο αντικείμενο που θα δημοσιευθεί. Ενσωματώστε αναθεωρήσεις και ελέγξτε τη νέα προεπισκόπηση. Εάν το εύρος της εργασίας αλλάξει, ενημερώστε επίσης την εκχώρηση συνδετήρα, αλλά μην αντιμετωπίζετε την έγκριση σε κανένα εργαλείο ως μαγικό συγχρονισμό με το άλλο.

4. Δημοσιεύστε την επιλεγμένη έκδοση

Χρησιμοποιήστε τη ροή δημοσίευσης του AgentGrid μόνο αφού ο ιδιοκτήτης εγκρίνει τη δημόσια κυκλοφορία. Ανοίξτε τη σελίδα που προκύπτει ως επισκέπτης και συγκρίνετε τη με το εγκεκριμένο τεχνούργημα. Το AgentGrid διακρίνει το επεξεργάσιμο τεχνούργημα χώρου εργασίας από τη δημόσια ανάπτυξη. Οι επόμενες αλλαγές απαιτούν άλλη ενέργεια δημοσίευσης. Καταγράψτε ξανά τη δημόσια διεύθυνση URL στην εργασία συνδετήρα χαρτιού ως σημείωση μεταβίβασης, εάν η διαδικασία σας το απαιτεί, χωρίς να διεκδικήσετε μια αυτοματοποιημένη ενοποίηση ή μια κρυφή γέφυρα έγκρισης.

Δώστε στην ομάδα έναν στόχο ιστότοπου, όχι μια ασαφή οδηγία

Ξεκινήστε με μια μικρή σύντομη περιγραφή: κοινό, στόχος μετατροπής, απαιτούμενες σελίδες, οπτικές αναφορές, κάτοχος περιεχομένου, προσδοκίες προσβασιμότητας και τον τομέα ή τον προορισμό φιλοξενίας. Για μια πρώτη έκδοση, καθορίστε τις αποκριτικές διατάξεις, τα μεταδεδομένα, μια λειτουργική διαδρομή επαφής και τι είναι εκτός πεδίου εφαρμογής.

Στο Paperclip, δημιουργήστε ένα έργο και έναν στόχο και, στη συνέχεια, χωρίστε την εργασία σε ιδιόκτητες εργασίες. Το μοντέλο εργασιών του υποστηρίζει έναν μόνο υπεύθυνο κάτοχο, αποκλείοντας σχέσεις, νήματα και στάδια ελέγχου. Αναθέστε έναν στρατηγό ή έναν πράκτορα PM να σχεδιάσει, έναν σχεδιαστή για την παραγωγή της οπτικής κατεύθυνσης, έναν παράγοντα κωδικοποίησης για εφαρμογή, έναν παράγοντα QA για δοκιμή και έναν άνθρωπο για να εγκρίνει την εκτόξευση. Αυτοί είναι ρόλοι που διαμορφώνετε και όχι προσυσκευασμένο πρόγραμμα δημιουργίας ιστοτόπων. Το δικό του συνδετήρα παράδειγμα ομάδας ιστότοπου εμφανίζει σελίδες χαρακτηριστικών, το QA αποκλεισμένο από την υλοποίηση και μια ανάπτυξη προεπισκόπησης που κινείται μέσω ελέγχου.

Προτροπή προγραμματισμού: “Σχεδιάστε έναν ιστότοπο τριών σελίδων για [κοινό] που βοηθά τους επισκέπτες [στόχο]. Δημιουργήστε έναν χάρτη ιστότοπου, κριτήρια αποδοχής σε επίπεδο σελίδας, κενά περιεχομένου, απαιτήσεις εικόνας και έναν χάρτη εξάρτησης εργασιών. Μην αναπτύξετε τίποτα. Αναθέστε σε κάθε παραδοτέο έναν ιδιοκτήτη και προσδιορίστε τις αποφάσεις που πρέπει να λάβει ένας άνθρωπος.”

Καθορίστε το συμβόλαιο αποδέσμευσης πριν αναθέσετε αντιπροσώπους

Ορίστε το κοινό, την κύρια μετατροπή, το εγκεκριμένο αντίγραφο, το απόθεμα σελίδας, τα οπτικά στοιχεία, τα απαιτούμενα σημεία διακοπής, τον κεντρικό υπολογιστή στόχευσης και τον κάτοχο εκκίνησης. Συμπεριλάβετε ρητούς μη στόχους, όπως καμία πληρωμή ή δημιουργία λογαριασμού στην πρώτη έκδοση. Δώστε σε κάθε σελίδα ένα μετρήσιμο κριτήριο αποδοχής: η σελίδα χαρακτηριστικών εξηγεί την προσφορά, ο σύνδεσμος επαφής φτάνει σε έναν προορισμό εργασίας και κάθε διαδρομή έχει έναν ουσιαστικό τίτλο.

Κρατήστε την πηγή, το σχέδιο και τα στοιχεία μαζί

Δώστε στον κατασκευαστή ένα αποθετήριο ή μια κοινόχρηστη τοποθεσία έργου. Ο σχεδιαστής παρέχει μια προδιαγραφή διάταξης και στοιχεία ενεργητικού. ο κωδικοποιητής υλοποιεί έναντι του ίδιου brief. Ένα σχόλιο εργασίας πρέπει να συνδέεται με το υποκατάστημα, το αίτημα έλξης, την προεπισκόπηση και τα αποτελέσματα δοκιμής. Το Paperclip μπορεί να συλλέξει αποτελέσματα που συνδέονται με εργασίες και να ελέγχει αποδεικτικά στοιχεία, αλλά ένα συνημμένο εργασίας δεν είναι αυτόματα ο ζωντανός ιστότοπος ή το αποθετήριο κανονικής πηγής.

Ορίστε όρια πριν εκχωρήσετε πρόσβαση. Εάν ένας πράκτορας μπορεί να προωθήσει κώδικα μέσω μιας ταυτότητας GitHub στο κέλυφός του, τα στοιχεία ελέγχου Ask first του Paperclip ανά εργαλείο δεν διέπουν αυτές τις εντολές Git φλοιού. Περιορίστε την πρόσβαση στο χώρο αποθήκευσης και απαιτήστε προστασία κλάδου και έλεγχο δημοσίων σχέσεων στο GitHub. Για μια εφαρμογή σύνδεσης ανάπτυξης, διακρίνετε τα αρχεία καταγραφής ανάγνωσης από την έναρξη μιας ανάπτυξης παραγωγής. Η καθοδήγηση του Netlify του Paperclip συνιστά Πρώτα ή Απενεργοποίηση για αλλαγές ανάπτυξης και διαμόρφωσης. Διατηρήστε τα διαπιστευτήρια εκτός της πηγής του ιστότοπου και δώστε σε κάθε πράκτορα μόνο την πρόσβαση που απαιτεί η εργασία του.

Προτροπή κατασκευής: “Εφαρμόστε τον εγκεκριμένο χάρτη ιστότοπου στο [αποθήκη]. Διατηρήστε τη συμφωνημένη σχεδίαση, κάντε την πλοήγηση και τις φόρμες λειτουργικές και προσθέστε μεταδεδομένα τίτλου και περιγραφής σε κάθε σελίδα. Εργαστείτε σε ένα υποκατάστημα, εκτελέστε τους ελέγχους του έργου, επισυνάψτε το URL PR και προεπισκόπησης στην εργασία Paperclip και σταματήστε πριν από οποιαδήποτε ανάπτυξη παραγωγής.”

Διαχωρίστε την κατάσταση του ζητήματος, τον έλεγχο πηγής και τη δημοσίευση

Ο συνδετήρας καταγράφει σε ποιον ανήκει κάθε τεύχος και ποια στοιχεία συνοδεύουν την παράδοση. Το αποθετήριο σας εξακολουθεί να διατηρεί την υλοποίηση και ένας πάροχος φιλοξενίας εκτελεί τον αναπτυγμένο ιστότοπο. Συνδέστε κάθε τεύχος με τον ακριβή κλάδο, PR, προεπισκόπηση, αρχείο καταγραφής δοκιμών και στιγμιότυπα οθόνης. Εάν η εργασία αναφέρεται μόνο στο “πιο πρόσφατο”, οι αναθεωρητές μπορούν κατά λάθος να εγκρίνουν μια προεπισκόπηση που δεν ταιριάζει με τον κλάδο που τελικά αναπτύχθηκε.

Κάντε την κριτική ως πύλη, όχι ένα μήνυμα που λέει “φαίνεται τελειωμένο”

Ζητήστε από το QA να ανοίξει την πραγματική προεπισκόπηση σε επιτραπέζιους υπολογιστές και κινητά. Ελέγξτε την υπόσχεση στην πρώτη οθόνη, την πλοήγηση στο πληκτρολόγιο, το εναλλακτικό κείμενο, τους κατεστραμμένους συνδέσμους, τη συμπεριφορά της φόρμας, τη φόρτωση, τα σφάλματα κονσόλας και τα μεταδεδομένα σελίδας. Ζητήστε από το μάρκετινγκ να επαληθεύσει τους ισχυρισμούς προϊόντων και το CTA. Καταγράψτε αναπαραγώγιμα στοιχεία. Εάν μια φόρμα χρειάζεται backend, δοκιμάστε την υποβολή από άκρη σε άκρη.

Η πολιτική εκτέλεσης του Paperclip μπορεί να δρομολογήσει ένα ζήτημα σε έναν αναθεωρητή και, στη συνέχεια, σε έναν υπεύθυνο έγκρισης όταν ο εκτελεστής του προσπαθεί να επισημάνει την εργασία που έχει ολοκληρωθεί. Οι αιτούμενες αλλαγές επιστρέφουν στον αρχικό εκτελεστή. Χρησιμοποιήστε ένα στάδιο ανθρώπινης έγκρισης για δημόσια κυκλοφορία και προσδιορίστε ότι η έγκριση μιας εργασίας δεν είναι άδεια δημοσίευσης έως ότου ο αναθεωρητής έχει επιθεωρήσει την τελική προεπισκόπηση και τον τομέα προορισμού.

Προτροπή QA: “Δοκιμάστε την προεπισκόπηση με βάση τα κριτήρια αποδοχής σε μια στενή θύρα προβολής για κινητά και σε επιτραπέζιο υπολογιστή. Επιστρέψτε έναν πίνακα επιτυχιών, αποτυχίας, αποδεικτικών URL ή στιγμιότυπου οθόνης και βήματα αναπαραγωγής. Μην εγκρίνετε ή αναπτύξετε. Στείλτε τις αποτυχίες πίσω στον κάτοχο υλοποίησης.”

Μια πρακτική λίστα ελέγχου αποδοχής για κυκλοφορία

• Προϊόν: συγκρίνετε την υπόσχεση ήρωα, τις δηλώσεις τιμολόγησης και τους προορισμούς παρότρυνσης για δράση με εγκεκριμένο αντίγραφο.
• Λειτουργία: κάντε κλικ στην πλοήγηση, υποβάλετε ένα δοκιμαστικό αίτημα επαφής και επιθεωρήστε τη διαδρομή επιτυχίας ή αποτυχίας.
• Responsive design: ελέγξτε στενές οθόνες, επιφάνεια εργασίας, υπερχείλιση περιεχομένου, περικοπή εικόνας και ευανάγνωστη απόσταση.
• Προσβασιμότητα: ελέγξτε τη σειρά του πληκτρολογίου, τις ετικέτες, το εναλλακτικό κείμενο, τις σημασιολογικές επικεφαλίδες και την αντίθεση.
• Αναζήτηση και αξιοπιστία: επιβεβαιώστε τίτλους και περιγραφές για συγκεκριμένες διαδρομές, κατεστραμμένους συνδέσμους, σφάλματα κονσόλας και φόρτωση στοιχείων παραγωγής.

Αναπτύξτε την εγκεκριμένη έκδοση σε μια πραγματική δημόσια διεύθυνση URL

Επιλέξτε τον προορισμό παραγωγής πριν από την τελευταία αξιολόγηση. Για μια συμβατική βάση κώδικα, συνδέστε το αποθετήριο σε έναν κεντρικό υπολογιστή όπως το Netlify ή το Vercel, ελέγξτε τις ρυθμίσεις κατασκευής και τις μεταβλητές περιβάλλοντος και αφήστε τον κεντρικό υπολογιστή να δημιουργήσει πρώτα μια προεπισκόπηση. Μετά από ανθρώπινη έγκριση, προωθήστε ή αναπτύξτε την αναθεωρημένη αναθεώρηση χρησιμοποιώντας την τεκμηριωμένη ροή εργασιών αυτού του κεντρικού υπολογιστή. Ανοίξτε τη διεύθυνση URL παραγωγής ενώ έχετε αποσυνδεθεί. δοκιμή πλοήγησης, φόρμες, πιστοποιητικό, τομέας και αναπτυγμένη αναθεώρηση. Η εκτέλεση του συνδετήρα χαρτιού σε διακομιστή καθιστά προσβάσιμη μόνο την εφαρμογή ενορχήστρωσης. δεν δημοσιεύει τον ιστότοπο.

Εάν ο ιστότοπος είναι κατάλληλο τεχνούργημα εφαρμογής HTML ή React, AgentGrid.io μπορεί να είναι το κοινόχρηστο μέρος όπου άτομα και συνδεδεμένοι πράκτορες επεξεργάζονται την ίδια έκδοση. Εισαγάγετε έναν φάκελο έργου ή ZIP ή ζητήστε από έναν συνδεδεμένο πράκτορα να δημιουργήσει το τεχνούργημα στον προβλεπόμενο χώρο εργασίας. Ελέγξτε την εφαρμογή και το ιστορικό της που έχει αποδοθεί εκεί. Ένας σύνδεσμος τεχνουργήματος είναι ιδιωτικός σε άτομα με πρόσβαση στο χώρο εργασίας. Η δημοσίευση είναι μια ξεχωριστή, ρητή ενέργεια που δημιουργεί μια δημόσια διεύθυνση URL. Ένας συνδεδεμένος πράκτορας χρειάζεται δυνατότητα δημοσίευσης και ανθρώπινο αίτημα για δημοσίευση. Οι μεταγενέστερες τροποποιήσεις παραμένουν εκτός δημόσιας σελίδας μέχρι να αναδημοσιευτούν. Οι προσαρμοσμένοι τομείς απαιτούν ένα κατάλληλο πρόγραμμα επί πληρωμή και επαληθευμένο DNS. Αυτή είναι μια εναλλακτική διαδρομή δημοσίευσης και όχι ένας ισχυρισμός ότι το Paperclip ενσωματώνεται αυτόματα στο AgentGrid.io.

Προτροπή εκκίνησης: “Η αναθεώρηση που εγκρίνεται από τον άνθρωπο είναι [έκδοση δέσμευσης ή τεχνουργήματος]. Αναπτύξτε την σε [καθορισμένο κεντρικό υπολογιστή] ή δημοσιεύστε [καθορισμένο τεχνούργημα AgentGrid.io] μόνο μετά από ρητή εξουσιοδότηση. Επιστρέψτε τη δημόσια διεύθυνση URL, την αναπτυγμένη αναθεώρηση, το αποτέλεσμα κατασκευής και μια λίστα ελέγχου δοκιμής καπνού. Εάν λείπει ο στόχος ή η άδεια, σταματήστε και ρωτήστε.”

Η προώθηση πρέπει να αναφέρεται σε συγκεκριμένη αναθεώρηση

Πριν από την κυκλοφορία, καταγράψτε την εγκεκριμένη έκδοση δέσμευσης ή τεχνουργήματος, τον κεντρικό υπολογιστή προορισμού ή τον χώρο εργασίας, τον τομέα και ποιος μπορεί να ξεκινήσει τη δημοσίευση. Εάν ο κεντρικός υπολογιστής δημιουργεί διευθύνσεις URL προεπισκόπησης, ελέγξτε την τελική προεπισκόπηση της ίδιας αναθεώρησης πριν την προωθήσετε. Στη συνέχεια, ανοίξτε τη δημόσια διεύθυνση URL χωρίς προνομιακή περίοδο λειτουργίας και επαναλάβετε τις κρίσιμες δοκιμές καπνού. Αποθηκεύστε μια αναφορά επαναφοράς σε περίπτωση που η διαδρομή επαφής ή τα στοιχεία σπάσουν στις ρυθμίσεις παραγωγής.

Πότε πρέπει μια ομάδα να χρησιμοποιεί κάθε επίπεδο;

Κλιπ: επιλέξτε το όταν πολλοί πράκτορες χρειάζονται εκχωρημένα ζητήματα, εξαρτήσεις, αξιολογήσεις και έναν υπεύθυνο ανθρώπινο ιδιοκτήτη. Λέει στην ομάδα τι να κάνει και παρακολουθεί την εργασία, αντί να αντικαθιστά τον έλεγχο πηγής ή έναν κεντρικό υπολογιστή ιστού.

Αποθετήριο και κεντρικός υπολογιστής: επιλέξτε αυτήν τη διαδρομή όταν ο ιστότοπος χρειάζεται μια υπάρχουσα διαδικασία έκδοσης μηχανικής, δυνατότητες διακομιστή, ρυθμίσεις υποδομής ή καθιερωμένα στοιχεία ελέγχου επαναφοράς. Η ελεγμένη εγγραφή δέσμευσης και ανάπτυξης θα πρέπει να προσδιορίζει τη ζωντανή έκδοση.

Συνέχεια από την εγκεκριμένη έκδοση

Το Paperclip διαθέτει εργασίες και κριτική. Το αποθετήριο και φιλοξενεί τη δική σας συμβατική ανάπτυξη παραγωγής. Το AgentGrid.io μπορεί να κρατήσει ένα κοινόχρηστο, τροποποιημένο τεχνούργημα και τη σκόπιμη δημοσίευσή του. Για μια σύγκριση μιας άλλης ροής εργασίας από έναν παράγοντα σε ιστότοπο, ανατρέξτε στην ενότητα μας Οδηγός δημοσίευσης Grok Bot; για το πρόβλημα μεταβίβασης πίσω από κοινόχρηστα αντικείμενα, διαβάστε η εισαγωγή μας στο AgentGrid.io; και για ένα μονοπάτι πρώτου σχεδιασμού, βλ δημοσιεύοντας έναν ιστότοπο Claude Design.

Είστε έτοιμοι να διατηρήσετε τον εγκεκριμένο ιστότοπο σε ένα μέρος; Δημιουργήστε ένα τεχνούργημα AgentGrid.io, προσκαλέστε τον επόμενο συνεργάτη με κατάλληλη πρόσβαση και δημοσιεύστε μόνο όταν η δημόσια έκδοση έχει περάσει από έλεγχο.