-
-
ASI Copilot homepage showing autonomous AI agents that turn ideas into execution using ASI-1.
-
Core features including multi-step actions, voice control, and secure AI-powered workflows.
-
Copilot interface where users input goals and AI generates plans, tasks, and workflows.
-
Upload documents to extract insights, summaries, and tasks using ASI-1 reasoning.
-
summarize document which i upload
-
Task manager displaying AI-generated tasks with priorities based on the planning pipeline.
-
create New task and add it into existing task manager
📖 Project Story
Inspiration
In today's fast-paced digital world, productivity tools are often overly complex. We built a solution that changes lives by making digital productivity truly accessible. Our AI copilot feels like a real human assistant—one you can simply talk to, and it handles the cognitive load of organizing, planning, and executing tasks using the ASI:One intelligent AI platform.
What it does
Our copilot is an Agentic AI Assistant that bridges the gap between thought and action. Instead of navigating complex UIs, users can use their voice to issue natural language commands.
- Voice-First Interaction: Users can simply say, "Summarize this document and create tasks for tomorrow."
- Agentic Reasoning: Powered by ASI:One, the app detects intent, reasons about the request, and plans a multi-step execution strategy.
- Workflow Automation: It automatically executes steps like parsing documents, extracting action items, and saving them directly to a database without manual data entry.
- Accessible UI: A calming glassmorphism design with micro-animations reduces cognitive overload.
How we built it
We architected the application using a modern, scalable tech stack:
- Frontend: React, Vite, and Tailwind CSS v4 for a highly responsive, accessible UI. We integrated the Web Speech API for seamless voice input.
- Backend: Node.js and Express.js to handle business logic and API routing.
- AI Engine: We utilized the ASI-1 API as the core reasoning engine for intent detection and natural language processing.
- Database: MongoDB Atlas to store users, tasks, and conversational memory persistently.
- Architecture: We designed an "Agentic Workflow" pattern that visually shows the user exactly what the AI is thinking and doing in real-time, building trust and transparency.
Challenges we ran into
- Voice API Reliability: We struggled with the Web Speech API dropping out or throwing
no-speecherrors. We overcame this by writing custom React hooks to manage interim results, carefully controlling the microphone lifecycle. - AI Prompt Engineering: Getting ASI:One to consistently output perfectly structured JSON for the task pipeline required structured prompting to ensure it shaped and sharpened the idea through iteration as a genuine thinking tool.
- Real-time State Sync: Ensuring that the chat interface and the live task board stayed perfectly synchronized when the AI generated new tasks in the background required a robust React state management approach.
Accomplishments that we're proud of
- Successfully building a multi-agent workflow where the AI plans its own steps before executing them using ASI:One.
- Creating a buttery-smooth, accessible user interface that feels both premium and intuitive.
What we learned
- Deepened our understanding of Agentic AI architectures versus standard chatbots.
- Learned how to effectively integrate and orchestrate ASI-1 models within a Node.js ecosystem using structured outputs.
What's next
- Integration with more tools: Connecting to Google Calendar, Outlook, and Notion.
- Advanced RAG: Using embeddings to allow users to "chat" across their entire workspace history.
- Mobile App: Bringing the voice-first experience to iOS and Android to help users capture tasks on the go.
Built With
- agent
- ai
- asi-1-api-(ai-engine)
- custom
- express.js
- framer-motion
- mongodb-atlas-(mongoose)
- node.js
- react-+-vite
- tailwind-css
- web-speech-api
- workflow
Log in or sign up for Devpost to join the conversation.