Communitygithub.com

dream-loop

説明に基づいてゲームやアプリを構築し、実際のスクリーンショットが生成されたレンダリングと一致するようにします。ユーザーが「dream loop」と言ったり、非常に高いグラフィック忠実度を要求したときに使用します。

dream-loop とは?

dream-loopは、テキストによる説明からゲームやアプリを構築し、その実際のスクリーンショットが事前に生成された画像レンダリングと視覚的に一致するようにするスキルです。主に、ユーザーが「dream loop」と発言した場合や、非常に高いグラフィック品質を求める場合に起動されます。このスキルは、画像生成機能とコード生成機能を組み合わせ、開発者が指定したビジュアルコンセプトを忠実に再現するアプリケーションを反復的に作り出すことを可能にします。対応プラットフォームは特定されていませんが、一般的なAIエージェント環境で動作するように設計されており、特にClaude Code、Cursor、Codexなどのコード生成ツールとの組み合わせで効果を発揮します。具体的な動作としては、まずユーザーの説明から対象アプリのレンダリング画像を生成し、その画像を目標としてコードを生成・実装するというループを繰り返します。これにより、設計意図と実際の見た目の乖離を最小限に抑え、高品質なUIやゲーム画面を効率的に開発できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/achimala/dream-loop/tree/main

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

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

ドキュメント

dream-loop は何をしますか?

説明に基づいてゲームやアプリを構築し、実際のスクリーンショットが生成されたレンダリングと一致するようにします。ユーザーが「dream loop」と言ったり、非常に高いグラフィック忠実度を要求したときに使用します。

関連スキル