Anthropic Claudeソフトウェア開発⭐ リポ 7品質スコア 64/100
html-tools
このスキルは、バックエンドが不要な単一ファイルのブラウザアプリケーション、クライアント側ユーティリティ、インタラクティブツールを構築する場合に使用します。Reactやビルドステップなしで、状態の永続化、API統合、高度なブラウザ機能のパターンに対応します。
description の原文を見る
This skill should be used when building single-file browser applications, client-side utilities, or interactive tools that need no backend. Covers patterns for state persistence, API integration, and advanced browser capabilities without React or build steps.
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
HTMLツール
ビルドステップ、フレームワーク、サーバーなしで有用な機能を提供する、HTML、CSS、JavaScriptを組み合わせた単一ファイルアプリケーションを構築します。
Simon Willesonが150以上のツール構築から導き出したパターンに基づいています。
使用するべき場合
- 「〜というツールを作ってほしい」
- 「シンプルなアプリを作成してください」
- 「〜用のユーティリティを作って」
- クライアント側でのデータ処理または可視化
- オフラインで動作するか簡単に共有できるべきツール
- 素早くリリースする必要があるプロトタイプ
使用を避けるべき場合
- 認証または永続的なサーバーストレージが必要なアプリ
- 多くのコンポーネント間での複雑な状態管理
- React/Vueエコシステムの利点がシンプルさを上回るプロジェクト
コア原則
- 単一ファイル — CSSとJavaScriptをインライン化します。1つのHTMLファイル = 完全なツール。
- Reactなし — バニラJSまたは軽量ライブラリのみです。明示的に「Reactなし」とプロンプトします。
- ビルドステップなし — npmではなくCDNから依存関係を読み込みます。
- 小さなコードベース — 数百行程度を目指します
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定