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.
Installa rapidamente la skill AI artifacts-builder nel tuo ambiente di sviluppo tramite riga di comando
Fonte: jst-well-dan/skill-box.
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: jst-well-dan/skill-box.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/jst-well-dan/skill-box --skill artifacts-builderSuite 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: jst-well-dan/skill-box.
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/jst-well-dan/skill-box --skill 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
https://github.com/jst-well-dan/skill-box