Stagewise Module for DuxApp

A powerful AI development plugin integration for DuxApp that brings advanced AI assistance directly to your development workflow. This module integrates Stagewise - an innovative tool that allows AI assistants like Cursor, GitHub Copilot, and Windsurf to interact with your browser and provide contextual development assistance.

🚀 What is Stagewise?

Stagewise is a revolutionary development tool that bridges the gap between AI assistants and your web applications. It enables:

• 💬 Comment on any DOM element - AI can understand and interact with specific parts of your UI
• 🧠 Real context awareness - Sends actual application context to AI tools for better assistance
• ⚡ Time-saving automation - Reduces manual file selection and context gathering
• 🎯 First-prompt effectiveness - Works immediately without extensive setup

🛠️ Supported AI Agents

📦 Installation

1. Install the VS Code/Cursor Extension

First, install the Stagewise extension in your code editor:

# Install from VS Code Marketplace
# Extension ID: stagewise.stagewise-vscode-extension

Or visit: Stagewise VS Code Extension

2. Add to Your DuxApp Project

Add the stagewise module to your DuxApp project:

# Using yarn with duxapp
yarn duxapp app add stagewise

⚙️ Configuration

To add Stagewise to your own module/project, you'll need to add the "stagewise" dependency in your module's app.json file. Here's how to do it:

1. Locate your module's app.json file (e.g., src/your-module/app.json)
2. Add the stagewise dependency to the dependencies section:

{
  "dependencies": [
    "duxapp",
    "stagewise"
  ]
}

🚀 Run

Once you've configured the stagewise dependency in your module, you can run your application with the integrated Stagewise toolbar:

# Run your module with stagewise integration
yarn dev:h5 --app <your-module>

Replace <your-module> with the actual name of your module. After running this command, your application will launch with the Stagewise toolbar enabled, allowing you to interact with AI assistants directly from your running application.

📄 License

This module integrates with Stagewise, which is licensed under AGPLv3. Please review the license terms for commercial usage.

🔗 Links

• Stagewise GitHub Repository
• Stagewise Official Website
• VS Code Extension
• DuxApp Framework

Built with ❤️ for the DuxApp community