·web-artifacts-builder
*

web-artifacts-builder

Un toolkit per creare sofisticati artefatti HTML multicomponente per claude.ai utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Usalo per artefatti complessi che richiedono componenti di gestione dello stato, routing o shadcn/ui. Non per semplici artefatti HTML/JSX a file singolo.

8Installazioni·0Tendenza·@icartsh

Installazione

$npx skills add https://github.com/icartsh/icartsh_plugin --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/icartsh/icartsh_plugin --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: icartsh/icartsh_plugin.

기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui

매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.

생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.

Un toolkit per creare sofisticati artefatti HTML multicomponente per claude.ai utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Usalo per artefatti complessi che richiedono componenti di gestione dello stato, routing o shadcn/ui. Non per semplici artefatti HTML/JSX a file singolo. Fonte: icartsh/icartsh_plugin.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-17
Aggiornato
2026-03-11

Browse more skills from icartsh/icartsh_plugin

Risposte rapide

Che cos'è web-artifacts-builder?

Un toolkit per creare sofisticati artefatti HTML multicomponente per claude.ai utilizzando moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Usalo per artefatti complessi che richiedono componenti di gestione dello stato, routing o shadcn/ui. Non per semplici artefatti HTML/JSX a file singolo. Fonte: icartsh/icartsh_plugin.

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/icartsh/icartsh_plugin --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/icartsh/icartsh_plugin