Beautiful Articledi ConardLi

Beautiful Article Skill.

Crea un documento che valga la pena leggere, senza trasformarlo in una dashboard.

Design editoriale
HTML
Longform

Scarica OpenDesign Vedi la guida all'uso

Revisione della fonte · Beautiful ArticleSKILL.md

Attività Design editoriale Produce • Un article.html autonomo con stili e script inline • Il Markdown estratto dalla fonte e note sulla qualità dell'estrazione • Un piano editoriale e una prima doppia pagina revisionata per l'articolo Prima di iniziare La build documentata usa Node/npm, Vite, React, TypeScript e Reacticle. L'estrazione dei documenti e l'output PDF facoltativo possono richiedere strumenti aggiuntivi; le immagini generate richiedono un backend disponibile separatamente.

Sintesi editoriale · fonte revisionata il 2026-10-07 · non è un esempio generato

01 Funzionalità

Beautiful Article

Una pipeline editoriale che separa estrazione, pianificazione dell'articolo, approvazione della prima doppia pagina, composizione completa e consegna offline.

Flusso basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Beautiful Article è il flusso di lavoro di ConardLi dalla fonte all'articolo. Parte da materiale che hai già: l'URL di un articolo, Markdown, un documento, un PDF o screenshot. Il risultato previsto è un'esperienza di lettura longform, non una breve sintesi promozionale. Il materiale estratto resta disponibile, così fatti, esempi e dettagli tecnici possono essere verificati durante tutta la build.

La scelta distintiva è rivedere una prima doppia pagina prima di produrre l'intero articolo. Una copertina, una sezione di apertura e un blocco visivo rappresentativo stabiliscono come si leggerà il contenuto. Reacticle fornisce componenti semantici per l'articolo, mentre un livello personalizzato vincolato può aggiungere diagrammi o altri aiuti alla lettura. La consegna è un file HTML autonomo; PDF è un output separato da richiedere, non quello predefinito.

Risultati attesi

Un article.html autonomo con stili e script inline
Il Markdown estratto dalla fonte e note sulla qualità dell'estrazione
Un piano editoriale e una prima doppia pagina revisionata per l'articolo

Vedi il brief di esempio

Dal brief alla revisione

01
Recuperare la fonte
Estrai il materiale fornito e tieni traccia dei contenuti mancanti o incerti. I PDF difficili e gli screenshot richiedono particolare attenzione prima che il loro testo diventi la base di un articolo.
02
Pianificare l'esperienza di lettura
Prima di costruire, ottieni decisioni separate dall'utente su tipo di articolo e relativo livello di conservazione, tema, larghezza del layout, modalità delle immagini e copertina. La piena conservazione delle informazioni è l'impostazione predefinita; registra nel piano ogni riduzione concordata.
03
Rivedere la prima doppia pagina
Costruisci la copertina approvata, la sezione di apertura e un blocco visivo rappresentativo. Ottieni un controllo indipendente da un agente revisore, poi fermati per far approvare il campione all'utente e farlo scegliere tra sviluppo sequenziale o parallelo.
04
Completare e impacchettare
Rivedi ogni sezione e l'articolo finito, correggi gli errori, poi ottieni la decisione finale di consegna prima di esportare l'HTML offline. La revisione della prima doppia pagina e quella finale usano agenti indipendenti quando disponibili; ogni ripiego sull'agente principale deve essere dichiarato. Esporta PDF solo su richiesta.

02 Quando usarlo

Quando usarla

La build documentata usa Node/npm, Vite, React, TypeScript e Reacticle. L'estrazione dei documenti e l'output PDF facoltativo possono richiedere strumenti aggiuntivi; le immagini generate richiedono un backend disponibile separatamente.

Adatta a

Spiegazioni tecnicheUtile quando codice, formule, tabelle o confronti devono restare leggibili insieme al testo, invece di essere compressi in schede simili a slide.
Copie di lettura portatiliAdatta a un report o un saggio che deve aprirsi come un unico file HTML senza dipendere da un server di sviluppo in esecuzione.

Limiti da verificare

Non è uno strumento per creare applicazioniLa fonte separa esplicitamente questo flusso da dashboard, moduli, applicazioni web generiche e prototipi di prodotto.
Non è illustrazione automaticaLe immagini esterne e quelle generate sono scelte deliberate. Un articolo senza immagini può comunque usare spiegazioni CSS o SVG guidate dal contenuto, senza richiedere in silenzio un servizio di immagini.

Cosa portare

Materiale di partenzaFornisci il documento effettivo o un articolo accessibile, insieme a sezioni, citazioni e figure che devono sopravvivere alla conversione.
Lettore e scopoIndica se si tratta di un tutorial, un briefing, una recensione o un saggio, e quanta conoscenza pregressa ha il lettore previsto.
Permessi visiviScegli tra risorse fornite, segnaposto, immagini generate o nessuna immagine; indica eventuali vincoli di brand e se è richiesto l'output PDF.

03 Decisioni importanti

Decisioni che contano

Prima il contenuto, poi la decorazione
La fonte resta il riferimento fattuale mentre la struttura dell'articolo cambia. Così è più facile accorgersi di un layout accattivante che ha rimosso per errore una precisazione necessaria.
Un campione di lettura iniziale
Una prima doppia pagina revisionata mette alla prova testo e blocchi esplicativi reali, non solo i colori. Le modifiche alla larghezza di lettura o alla densità visiva possono avvenire prima che ogni sezione sia costruita.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Controlla la configurazione

Usa il pacchetto del repository dell'autore con i suoi script e riferimenti. La fonte descrive l'impostazione del progetto, non un comando di installazione universale verificato.

File della fonte originale

https://github.com/ConardLi/garden-skills/blob/aaf9a82f5efd73e87cc0998edc398e75bfc35901/skills/beautiful-article/SKILL.md

Parti da un solo risultato

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio

Usa Beautiful Article per trasformare la guida alla migrazione allegata in una spiegazione HTML offline per ingegneri frontend. Mantieni gli esempi di codice e le avvertenze di compatibilità, conserva la lingua della fonte e non usare immagini generate. Pianifica la struttura di lettura e mostra una prima doppia pagina con l'introduzione e un blocco di confronto prima di completare l'articolo. Consegna l'HTML e le note di estrazione; non creare ancora un PDF.

Esamina il risultato

Verifica l'output effettivo rispetto a questi criteri osservabili.

L'articolo può essere aperto offline con gli stili e le interazioni previsti presenti.
Gli esempi e le avvertenze richiesti sono riconducibili alla fonte fornita.
La prima doppia pagina e le sezioni successive condividono una gerarchia leggibile, senza sostituire la prosa longform con schede ripetitive.

OpenDesign offre uno spazio di lavoro di design locale per gli agenti di programmazione. Questo elenco non significa che la skill sia inclusa, né che siano inclusi i suoi strumenti esterni, le credenziali e le dipendenze software.

Scarica OpenDesign Leggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata, collegata qui sotto. Il comportamento e i requisiti upstream possono cambiare.

Proprietario della fonte: ConardLi
Repository: ConardLi/garden-skills
File della skill: skills/beautiful-article/SKILL.md
Licenza: MIT
Snapshot revisionato: 2026-10-07 · aaf9a82f5efd

Sintesi editoriale della fonte

Una pipeline editoriale che separa estrazione, pianificazione dell'articolo, approvazione della prima doppia pagina, composizione completa e consegna offline.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

Riassume la fonte per impostazione predefinita?

No. Il flusso di lavoro dà priorità alla conservazione delle informazioni della fonte. Tipo di articolo e densità possono cambiare il trattamento, ma ogni abbreviazione dovrebbe essere una decisione editoriale esplicita.

Può tradurre l'articolo?

La traduzione può essere richiesta, ma altrimenti la lingua della fonte viene conservata. Tieni separato il materiale originale, così un passaggio tradotto resta verificabile.

PDF è il risultato principale?

No. Il risultato principale è HTML autonomo. PDF richiede un passaggio di stampa separato, compreso il trattamento di copertina e impaginazione.

OpenDesign

Fai spazio alla prossima iterazione di design.

Tieni brief, materiale di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesign Sfoglia le skill di design