Vai alla guida all’uso
Critique Typographydi owl-listener

Critique Typography Skill.

Valuta la tipografia renderizzata rispetto alla leggibilità e al sistema esistente.

  • Tipografia
  • Leggibilità
Esame della fonte · critique-typographySKILL.md
Attività Valuta la tipografia renderizzata rispetto alla leggibilità e al sistema esistente. Risultati Rilievi raggruppati per scala, leggibilità, coerenza e conformità ai token. Prima di iniziare Una critica a livello di schermata richiede il risultato reale, non solo un elenco di dichiarazioni CSS.
Sintesi editoriale · fonte esaminata il 2026-11-02 · non è un esempio generato

01 Funzionalità

Valuta la tipografia renderizzata rispetto alla leggibilità e al sistema esistente

Analizza scala tipografica, leggibilità, coerenza e conformità ai token di una schermata, con rilievi e correzioni specifici.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Critique Typography esamina l’uso effettivo dei caratteri in una schermata renderizzata. Valuta scala, comfort di lettura, coerenza e conformità ai token. Un rilievo utile identifica sia ciò che è visibile sia lo stile o token esistente che dovrebbe governarlo, permettendo di correggere una discrepanza precisa.

La fonte include dimensioni concrete: lunghezza delle righe, interlinea, spaziatura delle lettere, contrasto e ruolo semantico. Verifica anche se elementi equivalenti ricevono trattamenti equivalenti. È utile dopo la realizzazione dell’interfaccia, soprattutto quando aggiustamenti puntuali hanno indebolito gradualmente il sistema tipografico originale.

Risultati attesi

  • Rilievi raggruppati per scala, leggibilità, coerenza e conformità ai token.
  • Un’osservazione, una spiegazione e una correzione attuabile per ogni problema.
  • Valutazione conforme, problema minore o problema maggiore per ogni dimensione esaminata.
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Leggi il sistema tipografico renderizzato

    Esamina la schermata insieme a stili di testo e token definiti. Identifica titoli, etichette, corpo e didascalie secondo il ruolo effettivo.

  2. 02
    Valuta le condizioni di lettura

    Esamina dimensione, interlinea, lunghezza delle righe, spaziatura e contrasto nel contesto. Considera le indicazioni numeriche della fonte come criteri da confrontare con i requisiti del prodotto.

  3. 03
    Confronta elementi equivalenti

    Verifica pesi, allineamenti e livelli di scala coerenti in etichette, titoli e blocchi ripetuti. Individua stili isolati e valori intermedi arbitrari.

  4. 04
    Collega rilievi e correzioni

    Per ogni dimensione, separa osservazione neutrale, problema e soluzione proposta. Indica il token appropriato quando esiste una definizione applicabile.

02 Quando usarlo

Quando usarla

Una critica a livello di schermata richiede il risultato reale, non solo un elenco di dichiarazioni CSS.

Adatta a

  • Deriva tipograficaUna schermata realizzata ha accumulato aggiustamenti arbitrari di dimensione o peso.
  • Critica visiva mirataIl layout è definito, ma gerarchia testuale o comfort di lettura richiedono attenzione.

Limiti da verificare

  • Evidenza renderizzataUna critica a livello di schermata richiede il risultato reale, non solo un elenco di dichiarazioni CSS.
  • Sistema esistenteLa definizione iniziale della scala appartiene alla skill separata typography-scale.
  • Valutazione delimitataUna revisione tipografica non è una certificazione completa di accessibilità né un audit dell’intero prodotto.

Cosa portare

  • Schermata renderizzataFornisci l’interfaccia nelle dimensioni e negli stati rilevanti.
  • Definizioni tipograficheFornisci i token tipografici e i ruoli previsti.
  • Contesto dei contenutiIncludi testo reale, lingua e condizioni di lettura.

03 Decisioni importanti

Le decisioni importanti

  1. Correzioni precise

    Le correzioni possono indicare esattamente lo stile o token previsto.

  2. Dimensioni confrontabili

    Il rapporto separa i problemi di scala da leggibilità e coerenza.

  3. Evidenza visibile

    I rilievi descrivono ciò che il revisore può realmente osservare.

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.

Esamina la fonte e la configurazione

Fornisci l’interfaccia nelle dimensioni e negli stati rilevanti.

File sorgente originale
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/SKILL.md

Il riferimento seguente apre le istruzioni originali. Verifica la configurazione del repository prima di usarle: non è un comando di installazione.

Inizia con un solo risultato

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

Brief di esempio
Usa critique-typography sulla panoramica analytics renderizzata a larghezze desktop e mobile. Confronta titoli, etichette, valori e corpo del testo visibili con i nostri token tipografici. Esamina scala, interlinea, lunghezza delle righe, contrasto e coerenza tra elementi equivalenti. Per ogni dimensione, fornisci un’osservazione neutrale, spiega il problema e proponi una correzione specifica con il nome corretto del token quando disponibile. Valuta la dimensione come conforme, problema minore o problema maggiore. Mantieni la direzione attuale del layout e distingui proprietà misurate da giudizi che richiedono ulteriori verifiche.

Esamina il risultato

Confronta l'output effettivo con questi criteri osservabili.

  • Ogni problema si riferisce a un elemento visibile e al ruolo tipografico pertinente.
  • Le raccomandazioni sui token usano definizioni reali del progetto.
  • Le valutazioni sono accompagnate da osservazioni e correzioni specifiche.

OpenDesign offre uno spazio di lavoro di design locale per agenti di programmazione. Questa scheda non significa che la skill sia inclusa nel pacchetto né che i suoi strumenti esterni, le credenziali e le dipendenze software siano compresi.

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata e collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Proprietario della fonte
owl-listener
File della skill
SKILL.md
Licenza
MIT
Snapshot esaminato
2026-11-02 · 9a6930cf84a8
Sintesi editoriale della fonte
Valuta la tipografia renderizzata rispetto alla leggibilità e al sistema esistente.

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

Definisce una nuova scala tipografica?

La fonte si concentra sull’uso e rimanda la creazione della scala a una skill separata.

Qual è il formato dei rilievi?

Ogni dimensione riceve osservazione, spiegazione del problema, correzione attuabile e livello di gravità.

Esamina valori tipografici inseriti direttamente nel codice?

Sì. La conformità ai token comprende famiglia, dimensione, peso, interlinea e spaziatura delle lettere.

OpenDesign

Tieni insieme il brief e il lavoro di design.

Tieni brief, materiali 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.

File sorgente originale
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/SKILL.md