·web-artifacts-builder
*

web-artifacts-builder

icartsh/icartsh_plugin

Die Verwendung von (React, Tailwind CSS, shadcn/ui) und die Verwendung von claude.ai als HTML-Artefakt sind ebenfalls möglich 제작하기 위한 툴킷입니다. Dies ist der Fall, wenn Sie shadcn/ui verwenden, um ein Artefakt zu erstellen. Erstellen Sie ein neues HTML/JSX-Artefakt.

7Installationen·0Trend·@icartsh

Installation

$npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder

SKILL.md

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

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

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

Die Verwendung von (React, Tailwind CSS, shadcn/ui) und die Verwendung von claude.ai als HTML-Artefakt sind ebenfalls möglich 제작하기 위한 툴킷입니다. Dies ist der Fall, wenn Sie shadcn/ui verwenden, um ein Artefakt zu erstellen. Erstellen Sie ein neues HTML/JSX-Artefakt. Quelle: icartsh/icartsh_plugin.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-17
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist web-artifacts-builder?

Die Verwendung von (React, Tailwind CSS, shadcn/ui) und die Verwendung von claude.ai als HTML-Artefakt sind ebenfalls möglich 제작하기 위한 툴킷입니다. Dies ist der Fall, wenn Sie shadcn/ui verwenden, um ein Artefakt zu erstellen. Erstellen Sie ein neues HTML/JSX-Artefakt. Quelle: icartsh/icartsh_plugin.

Wie installiere ich web-artifacts-builder?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/icartsh/icartsh_plugin