DexZane/awesome-web-prompts

解決する問題

Web開発者は、高品質で即使用可能なWebページコンポーネントや、AIツールで完全なページを生成できるプロンプトを探すのに多くの時間を費やすことがよくあります。このプロジェクトは、厳選されたWeb開発リソース集（即座に洗練されたページを生成するAIプロンプトと、すぐに実行できるソースコードの両方）を提供することでこれを解決し、検索をスキップしてプロンプトを貼り付けるか、コードを直接コピーできるようにします。

仕組み

リポジトリは明確なカテゴリ（ヒーローセクション、ランディングページ、SaaS、404ページ、UIコンポーネントなど）で整理されています。各エントリはプロンプト（ChatGPT、Claude、Cursorなどに貼り付けてコードを生成するテキスト）またはソースコード（完全な実行可能なHTML/CSS/JSコード）としてラベル付けされています。各項目にはプレビュー画像（利用可能な場合）と使用説明が含まれます。プロンプトの場合はprompt.mdファイルを開いてテキストをコピーします。ソースコードの場合はコードをコピーしてブラウザで開きます。プロジェクトは貢献テンプレートとガイドラインも提供し、中国語と英語（自動構築された英語README）をサポートしています。

対象読者

フロントエンド開発者、デザイナー、およびAIツールを使用してWebサイトを迅速に構築するすべての人。特に、視覚的に豊かでアニメーションがあり印象的なページを、ゼロからすべての行を書かずに作成したい人に役立ちます。プロンプトを貼り付けるか、既製のコードを取得するだけです。

ハイライト

• 大規模な厳選コレクション：ヒーローセクション、完全なランディングページ、SaaS、AI、404ページ、フッター、UIコンポーネント、ポートフォリオなど、多くのカテゴリをカバー。
• 2つの便利な形式：完全なWebページを生成するAIプロンプトと、直接使用または出発点として使用できる実行可能なソースコード。
• 各エントリにプレビューと使用説明が含まれる：試す前に何が得られるかを確認できます。
• 貢献が簡単：テンプレートと貢献ガイドが新しいリソースの追加を支援します。
• バイリンガルドキュメント：中国語のメインページと自動構築された英語版。