• CushyStudio Actions are interactive generative "apps" with dedicated UIs.
• They make it super easy and fun to explore all generative art has to offer.
• CushyStudio allows you to run, create, and share Actions

Ensure you have:

• NodeJS installed (18 or higher)
• ComfyUI installed
• Git installed

Install CushyStudio by running these commands in a terminal

git clone https://github.com/rvion/CushyStudio
cd CushyStudio
npm install
npm start

When you start CushyStudio ... TODO

TODO: place video here

• Automatically download images in your local outputs folder
• Automatically upload files

• ✅ Quickly switch between various ComfyUI setups
• ⏳ Parallelize work across multiple instances

Edit the list of ComfyUI setups in CONFIG.json

🛋️ CushyStudio is directly compatible with ComfyUI workflow json format and images. Add them to the action folder to quickly use them inside CushyStudio.

• ✅ Embedded Civitai browser
• ✅ Civitai custom ComfyUI Nodes support
• ✅ Dedicated Civitai input widgets to augment your own actions

Layers, effects, masks, blending modes, ...and more. Always one click away

👉 In case you have a problem, check the logs and report what you see

1. Define your own UI
2. Build one or many prompts with custom logic in TypeScript
3. Type-safe experience pushed to the MAXIMUM
   1. Every single value/enum is typed
   2. A built-in standard library made to quickly build your dream workflow
   3. Use lambda to get completion only for the node that produces the value needed

🛋️ CushyStudio comes packed with features to allow you to create your own AI-powered image and video creation tools.

In Cushy, tools are called Actions.

Creating actions is easy because 🛋️ CushyStudio

1. On startup, ensure CushyStudio is connected to some ComfyUI server

   • A whole TypeScript Action SDK will be generated in the schema/ folder
   • All your custom nodes, models, and images will be converted to enums, classes, helpers, etc, allowing you to create actions with maximum type safety and completion.

2. Create a folder in the actions/ subfolder at the root

3. Create any myaction.ts file inside this folder

4. Open the whole CushyStudio repository in Visual Studio Code

   • 👉 Open the whole CushyStudio installed repository
   • NOT just the action folder, NOR the action file itself, but:

5. Initialize your action from some basic code or generated code from existing workflows

   action('demo1-basic', {
       author: 'rvion',
       // A. define the UI
       ui: (form) => ({
           positive: form.str({ label: 'Positive', default: 'flower' }),
       }),
       // B. defined the execution logic
       run: async (action, form) => {
           //  build a ComfyUI graph
           const graph = action.nodes
           const ckpt = graph.CheckpointLoaderSimple({ ckpt_name: 'albedobaseXL_v02.safetensors' })
           const seed = action.randomSeed()
           const sampler = graph.KSampler({
               seed: seed,
               steps: 20,
               cfg: 14,
               sampler_name: 'euler',
               scheduler: 'normal',
               denoise: 0.8,
               model: ckpt,
               positive: graph.CLIPTextEncode({ text: form.positive, clip: ckpt }),
               negative: graph.CLIPTextEncode({ text: '', clip: ckpt }),
               latent_image: graph.EmptyLatentImage({ width: 512, height: 512, batch_size: 1 }),
           })
   
           graph.SaveImage({
               images: graph.VAEDecode({ samples: sampler, vae: ckpt }),
               filename_prefix: 'ComfyUI',
           })
   
           // run the graph you built
           await action.PROMPT()
       },
   })

6. See how actions look like by dropping any ComfyUI workflow or image into the action and looking at the converted.ts

An Action is a file containing

• An UI definition (widgets, form, styles, default values, tabs, etc...) (a bit like Gradio in Python)
• A piece of code that runs your action
• ...And more

Publishing your action is easy!

1. Create a GitHub repository. (https://github.com/new)

   

2. Commit your actions files (follow instructions given by Git Hub on the new repository page).

3. Open an issue asking to add your action pack to the marketplace.

   • https://github.com/rvion/CushyStudio/issues/new/choose

cd actions/rvion

git init
Initialized empty Git repository in /Users/loco/dev/CushyStudio/actions/rvion/.git/

git add .

git commit -m "first commit"
[master (root-commit) 602fab1] first commit
 4 files changed, 146 insertions(+)
 create mode 100644 mask-face.ts
 create mode 100644 rembg.ts
 create mode 100644 replace-part.ts
 create mode 100644 test.ts

git remote add origin [email protected]:rvion/cushy-example-actions.git