shengjidaguai-china/personal-homepage-skill

解決する課題

AIで生成された個人サイトやポートフォリオは、一般的な見た目になりやすく、明確な個性がなく、低品質なテンプレート（例：紫のグラデーションの過剰使用や曖昧なコピー）に依存しがちです。本プロジェクトは、AIエージェントが高品質でプロフェッショナルかつ個別化されたホームページ、ポートフォリオ、HTMLプレゼンテーションを生成できるよう、構造化されたフレームワークを提供します。

動作方法

このプロジェクトは、Claude CodeなどのAIコーディングエージェントに統合可能な「AIスキル」（ルールとテンプレートのセット）として機能します。エージェントがユーザーのアイデンティティと目標を理解し、提供されたビジュアルリファレンスに従い、情報アーキテクチャを整理し、最終的な品質チェックを行う厳格な生成ワークフローをガイドします。19のビジュアル方向のライブラリ、React + Tailwindテンプレート、および単一ファイルHTMLテンプレートを含み、一貫したビジュアル品質とレイアウトを確保します。

対象ユーザー

• プロフェッショナルなオンライン存在感を求める開発者、デザイナー、アーティスト。
• レジュメ用のホームページが必要な求職者。
• ポートフォリオサイトを探しているクリエイター。
• AIコーディングエージェントを使用し、洗練された非一般的なウェブページを生成したいユーザー。

主な特徴

• リファレンス優先アプローチ：一般的なテンプレートよりも、ユーザーが提供するリファレンス（スクリーンショット、ウェブサイト）を優先します。
• 構造化されたコンテンツ：ユーザーのアイデンティティと価値提案について5つの核心的な質問に答えることを強制し、曖昧なコンテンツを回避します。
• 多様なテンプレートギャラリー：映画的で3Dテック風からミニマルプレミアム、ターミナルハッカー風まで、19種類の異なるビジュアルスタイルを含みます。
• マルチフォーマット対応：連続スクロールウェブページと16:9のHTMLプレゼンテーションの両方を生成できます。
• 内蔵された品質管理：プロフェッショナル基準を満たすために、デザインチェックリストと検証スクリプトを提供します。