Communityライティング&編集github.com

liush2yuxjtu/html-artifacts

Claudeスキル:自己完結型のインタラクティブなHTMLアーティファクト(レポート/デッキ/フローチャート/プロトタイプ/エディタUI)を作成し、~/.claude/artifactsに保存して開きます。ThariqS/html-effectiveness から20個のApache-2.0例をバンドルしています。

html-artifacts とは?

このスキルは、Claude CodeのようなAIエージェントが、自己完結型のインタラクティブなHTMLアーティファクトを迅速に構築するためのものです。レポート、プレゼンテーション、フローチャート、プロトタイプ、エディタUIなど、さまざまな種類のHTMLベースの出力を作成できます。生成されたアーティファクトは ~/.claude/artifacts ディレクトリに保存され、すぐにブラウザで開いて確認できます。スキルには、ThariqS/html-effectiveness リポジトリから20個のApache-2.0ライセンスの実例がバンドルされており、開発者はこれらの例を参照して、高品質なHTMLアーティファクトを素早く生成できます。これにより、AIエージェントの出力を視覚的でインタラクティブなものにし、開発ワークフローを強化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add liush2yuxjtu/html-artifacts

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

html-artifacts は何をしますか?

Claudeスキル:自己完結型のインタラクティブなHTMLアーティファクト(レポート/デッキ/フローチャート/プロトタイプ/エディタUI)を作成し、~/.claude/artifactsに保存して開きます。ThariqS/html-effectiveness から20個のApache-2.0例をバンドルしています。

関連スキル