Moonlit Platform allows you to create custom AI tools using a no-code editor. Apps in Moonlit consist of three main parts: Inputs, Functions, and Outputs. This guide will walk you through the process of customizing a template to create your own app.

Key Concepts

App Structure

  • Inputs: Located on the left side, these are the user-provided parameters.
  • Functions: The middle section, where the app's logic is defined.
  • Outputs: Displayed on the right side, showing the results of the app's execution.

Execution Flow

  • Apps execute sequentially from left to right.
  • Functions in the same column run in parallel; different columns run in sequence.

Data Passing

  • Use the double-bracket syntax {{node_id}} to reference data from other nodes.
  • Referenced nodes must come before the node referencing them.

Building Your First App

  1. Start with a Template:
    • Choose a template that closely matches your desired functionality.
    • Click "Clone App" to create an editable copy.
  2. Understand the Workflow:
    • Examine the existing inputs, functions, and outputs.
    • Note how data flows between nodes using the {{node_id}} syntax.
  3. Customize the App:
    • Add new functions by clicking "Add Function" and selecting from the available options.
    • Drag functions to reposition them within the workflow.
    • Expand nodes to edit large text fields more easily.
  4. Configure Nodes:
    • Set unique IDs for easy referencing.
    • Use the slash key (/) to access reference options in text fields.
  5. Test Your App:
    • Switch to the Test tab and provide sample inputs.
    • Run the app to see the results.
    • Check the Logs section to track each function's output.

Example: Customizing an SEO Article Generator

In the video, we customize an SEO article generator by:

  1. Adding a "People Also Ask" function to gather FAQs.
  2. Integrating the FAQ data into the article outline generation step.
  3. Testing the app with a sample topic: "How to Leverage Generative AI for Content".

Tips for Advanced Customization

  • Analyze competitor article structures
  • Automate internal link injection
  • Add external sources and statistics
  • Leverage multiple AI models for different tasks