Communitygithub.com

hhhhao123/personal-homepage-builder

ガイド付き会話、プロフィールモデリング、フロントエンドデザインワークフローを通じて、パーソナライズされたGitHub Pagesホームページを構築するためのCodexスキル。

personal-homepage-builder とは?

このスキルは、Codexエディタ上で動作し、ユーザーとの対話的なガイド付き会話を通じて、パーソナライズされたGitHub Pagesホームページを構築するためのものです。プロフィールモデリング、フロントエンドデザインワークフロー、および自動化されたコード生成を組み合わせることで、技術的な深い知識がなくても、見栄えの良い個人ホームページを迅速に作成できます。主な機能として、ユーザーのプロフィール情報(名前、経歴、スキル、プロジェクトなど)を収集・構造化するための対話形式のプロファイリング、収集したデータに基づいてHTML/CSS/JavaScriptのテンプレートを自動生成する機能、そして生成されたページをGitHub Pagesとして公開するまでのワークフローをガイドします。このスキルを使用することで、開発者はゼロからホームページをコーディングする手間を省き、わずかな会話入力だけで、プロフェッショナルな外観の個人ポートフォリオサイトをセットアップできます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add hhhhao123/personal-homepage-builder

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

personal-homepage-builder は何をしますか?

ガイド付き会話、プロフィールモデリング、フロントエンドデザインワークフローを通じて、パーソナライズされたGitHub Pagesホームページを構築するためのCodexスキルです。

概要

このスキルは、Codexエディタ上で動作し、ユーザーとの対話的なガイド付き会話を通じて、パーソナライズされたGitHub Pagesホームページを構築するためのものです。プロフィールモデリング、フロントエンドデザインワークフロー、および自動化されたコード生成を組み合わせることで、技術的な深い知識がなくても、見栄えの良い個人ホームページを迅速に作成できます。

主な機能

  • 対話形式のプロファイリング: ユーザーのプロフィール情報(名前、経歴、スキル、プロジェクトなど)を収集・構造化します。
  • 自動テンプレート生成: 収集したデータに基づいて、HTML/CSS/JavaScriptのテンプレートを自動生成します。
  • GitHub Pages公開ワークフロー: 生成されたページをGitHub Pagesとして公開するまでの手順をガイドします。

使用方法

  1. Codexエディタでこのスキルを有効にします。
  2. スキルを起動すると、プロフィール情報に関する質問が表示されます。
  3. 質問に回答していくと、自動的にホームページのコードが生成されます。
  4. 生成されたコードを確認し、必要に応じてカスタマイズします。
  5. スキルの指示に従い、GitHub Pagesに公開します。

サポート

このスキルに関する質問やフィードバックは、GitHubリポジトリにIssueを作成してください。

関連スキル