·web-artifacts-builder
</>

web-artifacts-builder

Suite di strumenti per la creazione di elaborati artefatti HTML claude.ai multicomponente utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Utilizzare per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo.

23Installazioni·2Tendenza·@bbeierle12

Installazione

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill web-artifacts-builder

Come installare web-artifacts-builder

Installa rapidamente la skill AI 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/bbeierle12/skill-mcp-claude --skill 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: bbeierle12/skill-mcp-claude.

Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui

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

Run the initialization script to create a new React project:

Suite di strumenti per la creazione di elaborati artefatti HTML claude.ai multicomponente utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Utilizzare per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo. Fonte: bbeierle12/skill-mcp-claude.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill web-artifacts-builder
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from bbeierle12/skill-mcp-claude

Risposte rapide

Che cos'è web-artifacts-builder?

Suite di strumenti per la creazione di elaborati artefatti HTML claude.ai multicomponente utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Utilizzare per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo. Fonte: bbeierle12/skill-mcp-claude.

Come installo 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/bbeierle12/skill-mcp-claude --skill 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/bbeierle12/skill-mcp-claude