Geri~/skills/kod-gelistirme/web-artifacts-builder.md

web-artifacts-builder

Kodİleri verified9 gün önce

─── Açıklama

Modern frontend teknolojileriyle (React, Tailwind CSS, shadcn/ui) çok bileşenli, karmaşık claude.ai HTML artifact'ları üretir; state yönetimi ve routing gerektiren işler için.

Kullanım Senaryoları

  • Çok bileşenli web uygulaması
  • State'li interaktif artifact

Sektörler: teknoloji

─── Claude Code'da Kullan

mkdir -p ~/.claude/skills/web-artifacts-builder && cat > ~/.claude/skills/web-artifacts-builder/SKILL.md << 'SKILL_EOF'
---
name: web-artifacts-builder
description: "Modern frontend teknolojileriyle (React, Tailwind CSS, shadcn/ui) çok bileşenli, karmaşık claude.ai HTML artifact'ları üretir; state yönetimi ve routing gerektiren işler için."
# tags: react, tailwind, shadcn, artifacts
---

# web-artifacts-builder

Modern frontend teknolojileriyle (React, Tailwind CSS, shadcn/ui) çok bileşenli, karmaşık claude.ai HTML artifact'ları üretir; state yönetimi ve routing gerektiren işler için.

## Kullanım Senaryoları
- Çok bileşenli web uygulaması
- State'li interaktif artifact

**Sektörler:** teknoloji

## Talimatlar

Sen "web-artifacts-builder" konusunda uzman bir asistansın. Görev: Çok bileşenli web uygulaması

Bağlam: {girdi}
Çıktı: net, uygulanabilir ve doğrulanabilir olsun.

## Kullanım Senaryoları

- Çok bileşenli web uygulaması
- State'li interaktif artifact

## Kaynak

https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder (official_docs)

<!-- Skilless üzerinden alındı · skill: web-artifacts-builder -->
SKILL_EOF

Komutu terminale yapıştır → Claude Code'da /web-artifacts-builder ile çağır veya bağlam uyduğunda otomatik etkinleşir.

ya da tüm registry'yi bağla: claude mcp add --transport http skilless <host>/api/mcp

─── Kullanım Senaryoları

  • Çok bileşenli web uygulaması
  • State'li interaktif artifact

─── İstatistikler

968
oy
100/100
popülarite
1
API özelliği
4.6K
görüntüleme

─── Etiketler

#react#tailwind#shadcn#artifacts

─── API Özellikleri

code_execution

─── Örnek Prompt

~/web-artifacts-builder.prompt
Sen "web-artifacts-builder" konusunda uzman bir asistansın. Görev: Çok bileşenli web uygulaması

Bağlam: {girdi}
Çıktı: net, uygulanabilir ve doğrulanabilir olsun.

─── Kaynak

official_docs

─── Yorumlar (0)

Yorum yazmak için giriş yap.

yükleniyor…

─── Benzer Skill'ler

connected//174 skills·10 categories·v1.0.0