·artifacts-builder
*

artifacts-builder

Suite von Tools zum Erstellen aufwändiger, mehrkomponentiger HTML-Artefakte mithilfe moderner Frontend-Webtechnologien (React, Tailwind CSS, shadcn/ui). Wird für komplexe Artefakte verwendet, die Statusverwaltung, Routing oder Shadcn/UI-Komponenten erfordern – nicht für einfache Einzeldatei-HTML/JSX-Artefakte.

14Installationen·2Trend·@arielperez82

Installation

$npx skills add https://github.com/arielperez82/agents-and-skills --skill artifacts-builder

So installieren Sie artifacts-builder

Installieren Sie den KI-Skill artifacts-builder schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/arielperez82/agents-and-skills --skill artifacts-builder
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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 von Tools zum Erstellen aufwändiger, mehrkomponentiger HTML-Artefakte mithilfe moderner Frontend-Webtechnologien (React, Tailwind CSS, shadcn/ui). Wird für komplexe Artefakte verwendet, die Statusverwaltung, Routing oder Shadcn/UI-Komponenten erfordern – nicht für einfache Einzeldatei-HTML/JSX-Artefakte. Quelle: arielperez82/agents-and-skills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/arielperez82/agents-and-skills --skill artifacts-builder
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-11

Browse more skills from arielperez82/agents-and-skills

Schnelle Antworten

Was ist artifacts-builder?

Suite von Tools zum Erstellen aufwändiger, mehrkomponentiger HTML-Artefakte mithilfe moderner Frontend-Webtechnologien (React, Tailwind CSS, shadcn/ui). Wird für komplexe Artefakte verwendet, die Statusverwaltung, Routing oder Shadcn/UI-Komponenten erfordern – nicht für einfache Einzeldatei-HTML/JSX-Artefakte. Quelle: arielperez82/agents-and-skills.

Wie installiere ich 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/arielperez82/agents-and-skills --skill artifacts-builder Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/arielperez82/agents-and-skills