artifacts-builder

بواسطة agent679 عمليات تثبيتلا إعجابات بعدآخر تحديث 2 نوفمبر 2026الفئة: أخرى

ماذا تفعل

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

يفتح التثبيت هذه البطاقة في تطبيق AgentsRoom للسطح المكتبي لديك. إذا لم يكن التطبيق مثبّتاً بعد، فستُنقل إلى صفحة التنزيل.

SKILL.md

---
name: artifacts-builder
description: Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
---

# artifacts-builder

> Curated from ComposioHQ awesome-claude-skills.

## What it does

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

## Source

- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
- Category: `web-artifacts`

## How to use

This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
```

Then ask the agent to invoke this skill by name (`artifacts-builder`) or with
one of the trigger phrases listed in this skill's frontmatter.

قراءات إضافية

مهندس DevOpsكاتب المحتوىمطور الواجهة الأماميةمندوب المبيعاتمطور الخلفيةالمدرب والمرشدمهندس البرمجياتالمستشار القانونيمهندس QAالمالية والإدارةمطور Full-Stackالمصمم الإبداعيمطور الهاتف المحمولالباحثمهندس الأمانالموارد البشرية والتوظيف
مدير المشروعالمترجمخبير Gitمحلل البياناتأخصائي SEOالمحاسبأخصائي التوطينالاتصال والعلاقات العامةمفكرالعمليات والخدمات اللوجستيةأخصائي التسويقدعم العملاءمساعد المشروعمسؤول المشترياتمدير المجتمعالمساعد الشخصي

تحميل AgentsRoom

شغّل كل وكلاء الذكاء الاصطناعي لديك، في كل مشاريعك، من نافذة واحدة.

تحميل AgentsRoomمجاني

التطبيق المرافق: تابع وكلاءك أينما كنت

استخدم Claude أو Codex أو Antigravity CLI أو أي مزود AI آخر.

تثبيت الملحق
Chrome Web Store

أرسل الأخطاء والطلبات مباشرة إلى قائمة المهام العامة.

وكلاء تقرؤهم كأنها محادثة

لكل وكيل دور ووجه وسلسلة رسائل تقرؤها كما في تطبيق المراسلة.

عرض المحادثة

عرض المحادثة في AgentsRoom: عمل وكيل برمجة بالذكاء الاصطناعي على شكل محادثة
مشاريع متعددة
متعدد المزوّدين
وكلاء متعددون
حالة مباشرة
فرق الملفات والـ commit
تطبيق الهاتف
معاينة مباشرة
فرق الوكلاء
أتمتة المتصفح
تطوير موجّه بالـ backlog
مكتبة البرومبت
مكتبة المهارات
عرض جميع الميزات