html

Name: html
Author: eliasstravik

github.com/eliasstravikデザイン・UI2156 回インストール5 日前に更新

html について

htmlは、自己完結型でレスポンシブなHTMLインターフェースを作成・修正するスキルです。成果物の保存先、ローカル静的サーバーの起動、引き渡し前のページ検証を定めています。

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

$npx skills add https://github.com/eliasstravik/skills --skill html

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

指定された HTML 状態ルート内、またはそれ以外の場合は展開した ~/.html 内に ARTIFACT_DIR を解決します。名前付きアーティファクトはその場で修正し、新規作業の場合は小文字のランダムな3単語スラッグを作成します。
ユーザーが別のエントリーファイルを指定していない限り、意味的な構造とアクセシブルなコントロールを備えた、自己完結型でソースに忠実なレスポンシブインターフェースとして、ARTIFACT_DIR/index.html のみを書き込みます。
空いている一般的でないポートを使用し、127.0.0.1 上で ARTIFACT_DIR の長時間稼働する静的サーバーを起動します。
タスク実行内のファイルを使って http://127.0.0.1:<PORT>/index.html にアクセスできることを確認します。バインドまたは取得に失敗した場合は、手順3から別のポートで再試行し、引き継ぎまで確認済みのサーバーを稼働させておきます。
HTML file: <absolute entry-file path> に続けて HTML: [Open locally](<verified /index.html URL>) のみを正確に返します。配信を確認できない場合は、リンクを省略し、パスと簡潔な理由を1つ提示します。

python3 -m http.server "$PORT" --bind 127.0.0.1 --directory "$ARTIFACT_DIR" を、長時間稼働するツールセッションのフォアグラウンドコマンドとして実行します。終了するシェルからバックグラウンド化したり、切り離したりしないでください。

Markdown 対応