Fluxlay Studio

あなたの作品を、世界中のデスクトップへ。

画像・動画なら数分でアップロード。React なら 12 個の SDK Hooks でインタラクティブな壁紙を構築。マーケットプレイスで販売すれば収益の 80% が手に入ります。

クリエイターを始める開発者ドキュメント

クリエイター取り分: 80%
初公開まで: 3min
対応国: 46+
React Hooks: 12

01Pick your path

あなたはどの路線?

作る素材と使う道具で、最短ルートを選んでください。

Image / Video

画像・動画クリエイター

用意した画像や動画をアップロードするだけ。コードは不要、最短 3 分で初公開。

クリエイターガイドへ→

React / Vue

Web 開発者

12 個の SDK Hooks と 6 つの CLI コマンドで、インタラクティブな壁紙を構築。

開発者ドキュメントへ→

Claude Code

AI と一緒に

Claude Code プラグインで /fluxlay:new と打つだけ。プロンプトから足場・実装・検証まで自動化。

プラグインを見る→

02Creators

クリエイターのために

3 ステップで世界へ。最短 3 分で初公開。

01
アップロードする
用意した画像や動画を、そのまま壁紙としてアップロード。コードを書く必要はありません。
02
公開する
マーケットプレイスに公開。DRM 保護で安全に配信、46+ 国へ自動振込。
03
収益を得る
売上の 80% がクリエイター取り分。残高 $50 で出金可能。

クリエイターとして始める

03Developers

開発者のために

コードで動く壁紙を、慣れた道具で書く

import { useSystemAudio } from "@fluxlay/react"

export default function Wallpaper() {
  const { volume } = useSystemAudio()
  return <Bar level={volume} />
}

import { useCpuUsage } from "@fluxlay/react"

export default function Wallpaper() {
  const usage = useCpuUsage()
  return <Glow intensity={usage} />
}

import { useNowPlaying } from "@fluxlay/react"

export default function Wallpaper() {
  const { track } = useNowPlaying()
  return <Cover src={track?.artwork} />
}

// 再生中の曲に合わせて壁紙が変化

useShell / useAudio / useMouse など 12 個の React Hooks
TypeScript と Vite テンプレート、6 つの CLI コマンド同梱
作った壁紙はそのままマーケットで販売 (取り分 80%)

開発者ドキュメントを見る

04Claude Code

Claude Code で壁紙を作る

作りたいものを伝えるだけで、数分で完成

Fluxlay 公式の Claude Code プラグインが、プロジェクトの足場づくり、React コードの実装、マニフェストの検証、公開時のチェックまで、すべて 1 つの会話の中で行います。

1 度だけインストール

claude

> /plugin marketplace add fluxlay/claude-plugin
✓ Added marketplace: fluxlay
> /plugin install fluxlay@fluxlay
✓ Installed fluxlay

あとは作りたい壁紙を伝えるだけ

claude

> /fluxlay:new CPU の使用率に応じて呼吸するように色が変わる円
» Planning kind, slug, SDK hooks, permissions…
» Scaffolding from web-react template…
» Writing src/main.tsx with useSystemMonitor…
✓ Ready. Open the Fluxlay desktop app to preview.

/fluxlay:new

kind・slug・使う SDK hook・必要な権限まで提案してから、最小テンプレートで足場を作成。

ドメイン特化のスキル

SDK リファレンス・マニフェスト仕様・CSP 制約をすべて同梱。生成コードが最初から正しく動く。

公開時のガードレール

fluxlay.yaml を編集するたびに検証。ビルドが古い・未ログインの状態では公開を自動でブロック。

プラグインをインストールチュートリアルを読む→

05Monetize

あなたの作品から、収益を

業界最高クラスの取り分と、グローバル振込。

クリエイター取り分80%

プラットフォーム手数料は 20% のみ。販売価格そのままが評価軸。

46+対応国

Stripe Connect 経由で、世界 46 ヶ国以上のクリエイターへ自動振込。

$50から出金

残高が $50 に到達したタイミングで出金リクエストが可能。

Autoライセンス管理

購入者ごとのライセンスを自動発行。Fluxlay アプリ側で本人のみが復号・再生。

06Protection

作品を守る仕組み

盗用とリーチを心配せず、安心して公開できる。

ライセンス連動配信

壁紙データは購入者と紐付いたライセンスがある場合のみ復号して再生されます。

期限付き署名 URL

オリジナルファイルへの配信 URL は短期間のみ有効。スクレイピングや横流しを防止。

改ざん検出

公開バンドルの整合性を Fluxlay アプリが検証。改変版はマーケットプレイスに乗りません。

07OSS Examples

OSS の作例から始める

GitHub の examples リポジトリから、動くサンプルをそのまま借りられます。

audio-bars

useAudio で音量・周波数をリアルタイム可視化する基本テンプレート。

now-playing-cover

useMediaMetadata で再生中の曲のアートワークを全画面ぼかし背景に。

system-monitor

useSystemMonitor で CPU/メモリ使用率を背景パーティクルに反映。

GitHub で全作例を見る→

09Publisher Voices

パブリッシャーの声

壁紙を作って公開しているクリエイター・開発者から

“Web の技術がそのまま壁紙になるのが革新的。React で書いたインタラクティブな作品がデスクトップで動くのは感動。”

Yuki T.フロントエンドエンジニア

“SDK のおかげで CSS アニメーションの知識だけでも壁紙が作れた。公開も CLI からサクッとできて楽。”

Alex M.Web デザイナー

“画像と動画をアップロードするだけで公開ページが完成するのが助かる。コード書けない自分でも壁紙が並んでいるのが嬉しい。”

Riko S.イラストレーター

10Pricing

パブリッシャー向け料金

公開と販売は無料で始められる。

Free

壁紙アップロード・公開
マーケットプレイス出品
Stripe Connect で 46+ 国へ振込
売上の 80% がクリエイター取り分
DRM 自動保護

Pro

Coming soon

Free の全機能
手数料優遇 (10% / 通常 20%)
アップロード無制限
認定クリエイターバッジ
公開審査の優先処理
優先サポート

11FAQ

パブリッシャーの疑問

公開・収益化・保護についてよくある質問