について
このスキルは、外部サーバーを必要とせずに動作する、単一のHTMLファイルとして自己完結型のインタラクティブWebアプリケーションを構築します。コード、スタイル、アセットを含むアプリケーション全体を一つのポータブルファイルにパッケージ化することが可能で、デモやプロトタイプ、ツールの作成に最適です。ダッシュボード、計算機、可視化ツールなど、あらゆる最新ブラウザで直接動作する、迅速に共有可能なWeb体験の実現にご利用ください。
クイックインストール
Claude Code
推奨npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/web-artifacts-builderこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the web-artifacts-builder skill?
web-artifacts-builder is a Claude Skill by vamseeachanta. Skills package instructions and resources that Claude loads on demand, so Claude can perform web-artifacts-builder-related tasks without extra prompting.
How do I install web-artifacts-builder?
Use the install commands on this page: add web-artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does web-artifacts-builder belong to?
web-artifacts-builder is in the _internal category.
Is web-artifacts-builder free to use?
Yes. web-artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
この必須ワークフローは、クロスレビュー前にコード内の顧客名や機密情報参照などの法的リスクをスキャンします。違反が検出された場合、レビューサイクルをブロックし、まず修正を要求します。PR作成、コード移植、またはあらゆるクロスレビュートリガーの事前ゲートとしてご利用ください。
ブレインストーミングスキルは、反復的な質問と協調的な対話を通じて、初期アイデアを詳細な仕様へと変換します。このスキルは、開発者が設計オプションを探り、トレードオフを評価し、実装前に共通理解を構築することを支援します。これにより、概念を体系立てて実行可能な計画へと洗練させることで、手戻り作業を防止します。
このスキルは、クリーンアップ操作後のリポジトリ構造ドキュメントの更新を処理します。ディレクトリツリーの自動更新、削除されたフォルダへの参照の除去、`.claude/`フォルダや統合スクリプトなどのアーキテクチャ変更のドキュメント化を行います。リポジトリ再編成後にREADMEファイルの構造セクションを正確に維持するためにご利用ください。
このClaudeスキルは、効果的なブレインストーミングセッションのための体系的なベストプラクティスを提供し、ニーズから始めることや選択肢の検証といったユーザー中心のアプローチに焦点を当てています。生産的な協力を維持し、時期尚早な解決策を避けるための明確な「推奨事項」と「回避事項」のガイドラインを示します。開発者は、ブレインストーミングを促進する際にこの参照スキルを使用し、徹底的な理解と文書化された意思決定を確保すべきです。
