guide-ai instantly transforms a workflow within your app into step-by-step instructions and video guides in any language!

To install the package, run:

npm install guide-ai

or with Yarn:

yarn add guide-ai

import React, { useState } from "react";
import { GuideAI } from "guide-ai";

function App() {
  const [isOpen, setIsOpen] = useState(true);

  return (
    <div className="App">
      <h1>Hello World!</h1>
      <button onClick={() => setIsOpen(!isOpen)}>{isOpen ? "Close Guide" : "Open Guide"}</button>
      <GuideAI isOpen={isOpen} setIsOpen={setIsOpen} />
    </div>
  );
}

export default App;

Ensure that GuideAI is imported at the very top of your App component to make it accessible throughout your entire application.

The GuideAI component has the following props:

🤓 Do you need to demo your product, showcase a feature, or guide users through specific functionalities? Are you frequently answering questions about product features, conducting training sessions, or jumping on 'quick' calls?

🛑 Stop wasting time writing long emails, manually taking screenshots and annotating them, or screen recording & editing the video

✅ guide-ai does the work for you! Show your workflow as usual in your app. Our AI-driven Castbot will capture the process, then transform it into a ready-to-share guide in two formats:

• 📄 Step-by-step instructions for people who prefer description-plus-screenshots to learn a process.
• 🎥 Concise video demo for how-to video lovers.

• Step-by-step instructions on how to use your software or a specific feature
• Bug report (smart copy the instructions in Jira)
• Software documentation
• Product updates
• Walkthroughs
• New user/employee onboarding
• Knowledge management
• Quick answers to “How do I…” questions

This project is licensed under the MIT License.

For more info, please contact us at info@castofly.com or visit Castofly