Suite di strumenti per la creazione di artefatti HTML elaborati e multicomponente utilizzando le 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: arielperez82/agents-and-skills.
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 artefatti HTML elaborati e multicomponente utilizzando le 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: arielperez82/agents-and-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/arielperez82/agents-and-skills --skill artifacts-builderSuite di strumenti per la creazione di artefatti HTML elaborati e multicomponente utilizzando le 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: arielperez82/agents-and-skills.
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/arielperez82/agents-and-skills --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/arielperez82/agents-and-skills