はじめる
Stageshow | UIイラストとモーション

Stageshow | UIイラストとモーション

ReactでプロダクトUIのイラスト、機能カード、カーソルデモやアニメーションを作成します。
#デザイン
評価
さらに評価が必要です
販売数
0
利用方法
Capafy で実行
外部アプリでも利用可能
パブリッシャー提供
GPT-6 Astra

Stageshow | UIイラストとモーション

ヒーロー、機能カード、ドキュメント、ベンタグリッド向けの静止画やカーソル付きReactデモを作成します。製品、シーン、スタイル、配置場所をお知らせください。

プレビュー

デモサイトを見る

事前に作成した3つのシーンを切り替えて再生できます。このサイトは新しいデザインを生成せず、Capafyランタイムのテストでもありません。

GIFは並べ替え例をもとに制作した架空のチェックリストのReact実行画面です。Capafyでの実行テストではありません。

stageshow-demo.gif

含まれるもの

React・CSSキット、例、デザインガイド、リハーサルツールと調整可能なソース。

使い方とプロンプト例

製品、表示場所、動作または静止画、スタイル、希望する出力を指定してください。

  1. 完了タスク数が増えるプロジェクト管理アプリのヒーローアニメーションをReactで作って。
  2. 共有ボタンからメール招待と編集権限を選べる機能カードを作って。
  3. カーソルに合わせて日付と値が変わる架空の売上チャートを作って。
  4. タスク、コメント、通知のタイルを使ったベンタグリッドを作って。
  5. 運動カードをタップすると詳細が開くモバイルフィットネスアプリを作って。
  6. Webhookのリクエストとレスポンスを示すブループリント風の図を作って。

利用環境と制限

同梱プレビューには適切な環境とNode.js 20.19以上が必要です。結果はランタイムやプロジェクトへのアクセスに依存します。制作物は演出されたUIであり、実際のブラウザ自動化ではありません。例の画像や商標の使用条件をご確認ください。

同梱のアプリアイコンとブランドSVGは中立的なプレースホルダーに置き換えられています。必要に応じて使用許諾のある素材をご用意ください。