Communitygithub.com

ronnaluo/Design-Studio

ビジュアルプロダクションのためのCodexスキル。汎用的なウェブジェネレーターではなく、チェックポイントベースのクリエイティブワークフローを提供します。

Design-Studio とは?

このスキルは、ビジュアルプロダクションに特化したCodex向けのスキルです。汎用的なウェブページ生成ツールとは異なり、チェックポイントベースのワークフローを採用しており、デザインプロセスを段階的に管理・反復できるように設計されています。ユーザーは各チェックポイントで進捗を確認し、必要に応じて以前の状態に戻ったり、異なる方向性を試したりすることが可能です。これにより、創造的な探索と安定した制作進行のバランスを取ることができ、特にUI/UXデザインやビジュアルアセットのプロトタイピングに適しています。Codexプラットフォーム上で動作し、デザインファイルやアセットの管理、バージョン管理機能を統合的に提供します。

対応~Claude Code✓Codex CLI~Cursor
npx skills add ronnaluo/Design-Studio

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

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

ドキュメント

Design-Studio は何をしますか?

ビジュアルプロダクションのためのCodexスキル。汎用的なウェブジェネレーターではなく、チェックポイントベースのクリエイティブワークフローを提供します。

概要

このスキルは、デザインプロセスをチェックポイントで区切り、反復的な改善と実験を容易にします。各チェックポイントでは、現在の状態を保存し、後から参照または復元することができます。

主な機能

  • チェックポイント管理: デザインの各段階でスナップショットを作成し、いつでも以前の状態に戻れます。
  • ビジュアルプロダクション: UIコンポーネント、レイアウト、ビジュアルアセットの生成をサポートします。
  • ワークフロー指向: 汎用的なコード生成ではなく、創造的なワークフローに特化しています。

使用方法

  1. checkpoint create - 現在のデザイン状態をチェックポイントとして保存します。
  2. checkpoint list - 保存されたチェックポイントを表示します。
  3. checkpoint restore <id> - 指定したチェックポイントの状態に戻ります。
  4. generate component - 新しいUIコンポーネントを生成します。

設定

スキルを使用するには、CODEX_API_KEY 環境変数が設定されている必要があります(Codexプラットフォーム上で自動設定されます)。

サポート

詳細については、GitHubリポジトリを参照してください。

関連スキル