·static-web-artifacts-builder
{}

static-web-artifacts-builder

✓
mathews-tom/praxis-skillsGitHub: mathews-tom/praxis-skillsFonte: mathews-tom/praxis-skills

Suite di strumenti per la creazione di artefatti HTML statici elaborati e autonomi: infografiche, diagrammi interattivi, elementi visivi dell'architettura, dashboard di dati e ricchi risultati visivi. Utilizza questa competenza quando ti viene chiesto di creare un artefatto HTML interattivo, creare un componente Web autonomo, generare una visualizzazione HTML statica, creare un diagramma interattivo, produrre un'infografica visiva o eseguire il rendering di qualsiasi immagine ad alta densità come un singolo file HTML. Toolchain di creazione zero: niente React, niente Vite, niente Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG incorporato. Si attiva su: "crea HTML interattivo", "crea componente web autonomo", "genera visualizzazione HTML statica", "crea un diagramma interattivo", "produci infografica", "renderizza come artefatto HTML", "crea un dashboard visivo", "crea un diagramma che posso aprire nel browser".

mathews-tom·static·web·artifacts·builder
15Installazioni·1Tendenza·@mathews-tom

Installazione

GitHub: mathews-tom/praxis-skills
$npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder

Come installare static-web-artifacts-builder

Installa rapidamente la skill AI static-web-artifacts-builder nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: mathews-tom/praxis-skills.

SKILL.md

Visualizza raw

To build high-density static infographic artifacts, follow these steps:

Stack: Vanilla HTML5 + CSS3 (Grid/Flexbox) + inline SVG — zero runtime dependencies

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

Suite di strumenti per la creazione di artefatti HTML statici elaborati e autonomi: infografiche, diagrammi interattivi, elementi visivi dell'architettura, dashboard di dati e ricchi risultati visivi. Utilizza questa competenza quando ti viene chiesto di creare un artefatto HTML interattivo, creare un componente Web autonomo, generare una visualizzazione HTML statica, creare un diagramma interattivo, produrre un'infografica visiva o eseguire il rendering di qualsiasi immagine ad alta densità come un singolo file HTML. Toolchain di creazione zero: niente React, niente Vite, niente Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG incorporato. Si attiva su: "crea HTML interattivo", "crea componente web autonomo", "genera visualizzazione HTML statica", "crea un diagramma interattivo", "produci infografica", "renderizza come artefatto HTML", "crea un dashboard visivo", "crea un diagramma che posso aprire nel browser". Fonte: mathews-tom/praxis-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder
Fonte
mathews-tom/praxis-skills
Categoria
{}Analisi
Verificato
✓
Prima apparizione
2026-02-25
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/mathews-tom/praxis-skills/static-web-artifacts-builder

Browse more skills from mathews-tom/praxis-skills

Risposte rapide

Che cos'è static-web-artifacts-builder?

Suite di strumenti per la creazione di artefatti HTML statici elaborati e autonomi: infografiche, diagrammi interattivi, elementi visivi dell'architettura, dashboard di dati e ricchi risultati visivi. Utilizza questa competenza quando ti viene chiesto di creare un artefatto HTML interattivo, creare un componente Web autonomo, generare una visualizzazione HTML statica, creare un diagramma interattivo, produrre un'infografica visiva o eseguire il rendering di qualsiasi immagine ad alta densità come un singolo file HTML. Toolchain di creazione zero: niente React, niente Vite, niente Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG incorporato. Si attiva su: "crea HTML interattivo", "crea componente web autonomo", "genera visualizzazione HTML statica", "crea un diagramma interattivo", "produci infografica", "renderizza come artefatto HTML", "crea un dashboard visivo", "crea un diagramma che posso aprire nel browser". Fonte: mathews-tom/praxis-skills.

Come installo static-web-artifacts-builder?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/mathews-tom/praxis-skills

Dettagli

Categoria
{}Analisi
Fonte
skills.sh
Prima apparizione
2026-02-25

Skills correlate

html-presentation
22 Installazioni
concept-to-image
18 Installazioni
linkedin-post-style
18 Installazioni
md-to-pdf
17 Installazioni
concept-to-video
16 Installazioni
github
16 Installazioni