Skill

Web Artifacts Builder

Çok bileşenli claude.ai artifact'lerini React ve shadcn/ui ile kurar.

Kurulum

ResmiScript içeriyor

anthropics/skills reposundaki skills/web-artifacts-builder klasörünü .claude/skills altına kopyala

Ne zaman devreye girer

Tek dosyalık basit bir HTML'in yetmediği, bileşenlere bölünmüş bir artifact üretilirken

Gerekli araçlar

BashReadWrite

Geliştirici: Anthropic
Lisans: Apache-2.0

Depohttps://github.com/anthropics/skills

İki kabuk betiği var: biri React 18 + TypeScript + Tailwind iskeletini kuruyor, diğeri projeyi tek bir HTML dosyasına paketliyor. shadcn/ui bileşenleri ve Radix bağımlılıkları kurulumla birlikte hazır geliyor. Sayfa geçişi ya da durum yönetimi gerektiren artifact'ler için düşünülmüş; tek dosyalık basit bir çıktı için gereksiz ağır kalıyor.

Yorumlar(0)

Yorum yapmak için giriş yap

Henüz yorum yok — ilk yorumu sen yaz.

Benzer skill'ler

Frontend & Mobile Development

Skill

React durumunu beş türe ayırıyor; sunucudan çekilen veri küresel depoya düşmüyor.

Arayüz ve TasarımKodlama Akışları

Claude API

Skill

Claude API'siyle çalışırken model kimliklerini ve parametreleri doğrulatan başvuru.

Ajan MühendisliğiKodlama Akışları

Project Artifact

Skill

Yaşayan bir proje durum sayfasını paylaşılabilir artifact olarak yayımlıyor, gerçek durumdan tazeliyor.

Yazım ve İçerikİş ve Verimlilik