Communityコーディング&開発github.com

Sylad/avatar-pandora

Eywa — Pandoraのビジュアル事典(ジェームズ・キャメロンの『アバター』世界)。姪へのプレゼントとして制作。Astro 6 + R3F + GSAP + Tailwind 4。Claude Codeとのペアプログラミングで100%コーディング、コンテンツはフランス語、Cloudflare Pagesにデプロイ。

avatar-pandora とは?

このスキルは、ジェームズ・キャメロン監督の映画『アバター』に登場する架空の衛星パンドラに関するビジュアル事典「Eywa」を構築するためのものです。製作者の姪へのプレゼントとして作られており、技術スタックはAstro 6、React Three Fiber (R3F)、GSAP、Tailwind CSS 4を使用しています。開発はClaude Codeとのペアプログラミングで100%行われ、フランス語のコンテンツを含みます。フロントエンドフレームワークにAstro、3D描画にThree.jsのReactラッパーであるR3F、アニメーションにGSAPを採用し、Tailwind 4でスタイリングされています。Cloudflare Pagesにデプロイされる想定です。このスキルは、Web開発者が最新のツール(Astro 6、R3F、GSAP、Tailwind 4)を使って視覚的でインタラクティブなファンサイトや百科事典を構築する方法の参考になります。

対応✓Claude Code✓Codex CLI~Cursor
npx skills add Sylad/avatar-pandora

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

avatar-pandora は何をしますか?

Eywa — Pandoraのビジュアル事典(ジェームズ・キャメロンの『アバター』世界)。姪へのプレゼントとして制作。Astro 6 + R3F + GSAP + Tailwind 4。Claude Codeとのペアプログラミングで100%コーディング、コンテンツはフランス語、Cloudflare Pagesにデプロイ。

関連スキル