mcpField
W
web-artifacts-builder

web-artifacts-builder

github.com/nexu-io開発104.6k2.9k 回インストール1 日前に更新
リポジトリ

web-artifacts-builder について

web-artifacts-builderは、ReactとTailwindでclaude.ai向けの複雑な埋め込みHTML成果物を作るエージェント用スキルです。このカタログ項目でスキルを見つけられますが、完全なワークフローには上流バンドルの導入が必要です。

主な機能

  1. 01ReactとTailwindによる成果物作成
  2. 02複雑なHTML成果物のワークフロー
  3. 03OpenDesignでのスキル発見

活用シーン

  1. 01claude.aiに埋め込む成果物の作成
  2. 02エージェントでのHTML成果物の計画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nexu-io/open-design --skill web-artifacts-builder

インストール後、Claude Code で/web-artifacts-builderを入力して読み込まれたか確認します。

詳細

web-artifacts-builder

Anthropic の公式スキルリポジトリから厳選しています。

概要

React と Tailwind を使って、複雑な claude.ai HTML アーティファクトを構築します。リッチで埋め込み可能なアーティファクトを公開するための、Anthropic のリファレンスワークフローです。

ソース

使い方

このカタログエントリは、エージェントが計画中にこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流のバンドルを現在使用中のエージェントのスキルディレクトリにインストールしてください。

# Inspect the upstream README for exact paths
open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder

その後、スキル名（web-artifacts-builder）またはこのスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼してください。

コメント

Markdown 対応