Power Designdi ItsssssJack

Power Design Skill.

Scegli prima il formato, poi applica il brand senza confondere i requisiti delle slide con quelli di un sito web.

Web design
Presentazioni
Sistemi di brand

Scarica OpenDesign Vedi la guida all'uso

Revisione della fonte · Power DesignSKILL.md

Attività Web design Produce • Una presentazione o un sito web responsive HTML; font e immagini collegati possono richiedere l'accesso alla rete. • Un registro di stile del brand riutilizzabile quando si estrae un nuovo brand di origine. • Un output verificato con la checklist per slide o sito web in termini di contenuti, layout e accessibilità. Prima di iniziare L'estrazione del brand da URL richiede Firecrawl. Gli output predefiniti evitano dipendenze JavaScript esterne, ma font o immagini possono comunque richiedere la propria disponibilità e i relativi diritti.

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

01 Funzionalità

Crea presentazioni o siti HTML guidati dal brand

Un flusso di lavoro di design HTML con estrazione del brand condivisa e regole separate per presentazioni e siti web responsive.

Flusso basato sulla fonteNon è un benchmark di esecuzione

Come funziona

Power Design ha due percorsi di output che condividono una base di brand: una presentazione HTML a formato fisso e un sito web responsive. Può usare l'URL di un brand tramite Firecrawl, uno stile di brand incluso o un'impostazione neutra predefinita. Gli stessi riferimenti di sfondo, primo piano, accento, font, raggio e tono di voce alimentano poi le regole specifiche del formato.

La distinzione conta perché una slide proiettata leggibile e una pagina web utilizzabile hanno vincoli diversi. Il percorso per le slide privilegia una quantità limitata di contenuto, una zona di sicurezza, un unico punto visivo e una modalità di presentazione chiara. Il percorso per il sito aggiunge layout responsive, struttura semantica, accesso da tastiera, comportamento del tema, moduli e metadati. Sono obiettivi di progetto, non risultati di prestazioni misurati.

Risultati attesi

Una presentazione o un sito web responsive HTML; font e immagini collegati possono richiedere l'accesso alla rete.
Un registro di stile del brand riutilizzabile quando si estrae un nuovo brand di origine.
Un output verificato con la checklist per slide o sito web in termini di contenuti, layout e accessibilità.

Vedi il brief di esempio

Dal brief alla revisione

01
Scegli presentazione o sito
Stabilisci il formato di output prima di scegliere regole o canvas.
02
Definisci gli input di brand
Usa un'estrazione da URL autorizzata, uno stile già presente nella libreria o la base neutra.
03
Applica il regolamento giusto
Usa i vincoli di presentazione per le slide e i requisiti di interazione responsive per i siti web.
04
Salva e ispeziona
Apri l'output, verifica il comportamento specifico del formato e itera sul risultato reale.

02 Quando usarlo

Quando usarla

L'estrazione del brand da URL richiede Firecrawl. Gli output predefiniti evitano dipendenze JavaScript esterne, ma font o immagini possono comunque richiedere la propria disponibilità e i relativi diritti.

Quando è adatta

Presentazioni HTML di brandUtile quando il risultato desiderato è una presentazione nel browser.
Pagine di marketing responsiveOffre un'impostazione predefinita senza framework, con trattamento chiaro e scuro basato su token.

Limiti da verificare

Non è un esportatore PPTXL'output predefinito documentato è HTML, non un file PowerPoint nativo.
L'estrazione del brand richiede accessoIl branding da URL dipende da un'integrazione Firecrawl disponibile e da materiale di origine accessibile.
Gli obiettivi non sono misurazioniI budget di prestazioni e le soglie di leggibilità indicati vanno verificati sull'output reale, non dichiarati automaticamente.

Cosa portare

Formato e scopoIndica se il risultato è una presentazione o un sito e quale azione o messaggio deve supportare.
Fonte del brandFornisci un URL, un brand noto della libreria o l'autorizzazione a usare uno stile neutro.
Contenuti e pubblicoFornisci le affermazioni reali, le sezioni, i punti chiave e i destinatari previsti.

03 Decisioni importanti

Decisioni importanti

Regole specifiche per formato
Una slide a canvas fisso non dovrebbe ereditare la densità di un sito web, e una pagina web non dovrebbe ereditare ipotesi di interazione valide solo per le presentazioni.
Registro di brand condiviso
Lo stile di brand estratto può alimentare entrambi i percorsi, mantenendo separate le regole di layout.
Impostazione HTML semplice
La fonte privilegia un output autonomo, a meno che non servano esplicitamente un progetto più ampio o un framework.

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.

Verifica la configurazione

Conserva insieme alla skill i principi, la libreria di brand e i riferimenti di estrazione. La fonte non stabilisce un installer universale a riga singola.

File sorgente upstream

https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md

Parti da un solo risultato

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

Brief di esempio

Usa power-design per creare una pagina HTML responsive, non una presentazione, per il workshop fornito. Usa il file di stile del brand che abbiamo fornito e i dettagli verificati dell'evento. Mantieni una sola azione di registrazione, supporta l'uso da tastiera e i temi chiaro/scuro, e riporta separatamente i controlli effettivi di viewport e prestazioni rispetto agli obiettivi di progetto.

Controlla il risultato

Verifica l'output reale in base a questi criteri osservabili.

L'output scelto segue le regole del formato corretto.
I valori del brand sono riconducibili allo stile fornito o estratto.
Il sito o la presentazione viene ispezionato nel contesto del browser previsto.

OpenDesign offre uno spazio di lavoro locale per il design destinato agli agenti di programmazione. Questa scheda non significa che la skill sia inclusa o che strumenti esterni, credenziali e dipendenze software siano compresi.

Scarica OpenDesign Leggi la guida rapida

05 Fonte e licenza

Fonte e licenza

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

Titolare della fonte: ItsssssJack
Repository: ItsssssJack/power-design
File della skill: SKILL.md
Licenza: MIT
Snapshot esaminato: 2026-10-07 · f0c4143a3878

Sintesi editoriale della fonte

Un flusso di lavoro di design HTML con estrazione del brand condivisa e regole separate per presentazioni e siti web responsive.

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

06 Domande prima di iniziare

Domande prima di iniziare

Può produrre file PowerPoint?

La fonte descrive presentazioni HTML. Un risultato PPTX nativo richiede un flusso separato di conversione o creazione.

Richiede sempre Firecrawl?

Ne dipende solo il percorso di estrazione da URL; la fonte offre anche stili di brand esistenti e un'impostazione neutra predefinita.

I temi chiaro e scuro sono inclusi per i siti web?

Fanno parte dell'impostazione predefinita documentata per i siti, insieme a un interruttore manuale persistente, a meno che l'ambito non cambi.

OpenDesign

Fai spazio alla prossima iterazione di design.

Tieni insieme brief, materiali di partenza e lavoro di design 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