react-artifacts

SKILL.md

Create elaborate, multi-component claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.

Creates bundle.html - self-contained artifact with all JS, CSS, and dependencies inlined.

「React アーティファクトの構築」、「HTML アーティファクトの作成」、「React アプリのバンドル」、「単一の HTML ファイル」、または「アーティファクト ビルダー」、「shadcn コンポーネント」、「Tailwind アーティファクト」について質問する場合に使用します。 ソース: eyadsibai/ltk。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/eyadsibai/ltk --skill react-artifacts インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る