morphos

Morphousは、自然にインスパイアされたデザインシステムのカタログをTanStack Startで構築した静的サイトです。各カタログエントリは動物、植物、鉱物、天気、または景観のモチーフから始まり、透過的なmotifアセット、ライトおよびダークのデザインシステムボード、記録されたプロンプト、shadcn/tweakcnスタイルのCSS変数と互換性のあるテーマエクスポートを含みます。 プロジェクトはパッケージ管理とスクリプトにBunを使用し、TanStack Start、Vite、React、Tailwind CSSで構成されています。.output/public内に静的プリレンダリング出力を生成し、GitHub Actionsを通じてGitHub Pagesにデプロイします。公開されるサイトはmorphos.ameyanagi.com用に設定されています。 カタログバンドルはpublic/systems/{slug}/配下にあり、通常はprompts.json、system.json、theme.css、theme.json、motif.png、design-system-light.png、design-system-dark.pngを含みます。古いバンドルはsystem.jsonに記録されたanimal.pngやdesign-system.pngなどの同等のアセット名を使用する場合があります。カタログUIはpublicバンドルファイルを読み取り、各システムディレクトリからプロンプトとテーマエクスポートを公開します。 開発コマンドは次の通りです：bun run dev（ローカル開発サーバー）、bun run check（lintと型チェック）、bun run test（テスト）、bun run ci（lint、型チェック、テスト、本番ビルド）。bun run generate:previewsはギャラリーレンダリング用の軽量WebPプレビューを生成します。bun run pages:prepareは静的ビルド出力を検証し、GitHub Pagesデプロイメントファイルを追加します。カタログの更新と検証にはbun run generate:catalog、bun run generate:previews、bun run validate:catalogを使用します。 アセット生成は.codex/skills/morphous-catalog/SKILL.md内のプロジェクト固有のCodexスキルによって行われ、画像生成はCodex画像ツールで実行された後、各システムバンドルにコピーされます。bun install中にインストールされるHuskyのpre-commitフックはgenerate:previewsとcheckを実行します。GitHub Pagesデプロイメントはmainへのプッシュ時に実行され、手動でも開始可能です。ワークフローはBunで依存関係をインストールし、CIを実行し、.output/publicをPagesアーティファクトとしてアップロードし、actions/deploy-pagesでデプロイします。パブリックなCNAMEおよび.nojekyllファイルはカスタムドメインと正確なアセット提供をサポートします。プルリクエストではCIが実行されますがデプロイは行われません。プロジェクトはApache-2.0またはMITのデュアルライセンスで提供されます。